编程 Javascript

AngularJS基础 ng-show 指令简单示例

Posted in Javascript onAugust 03, 2016

AngularJS ng-show 指令

AngularJS 实例

复选框选中时显示部分内容:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">

显示 HTML: <input type="checkbox" ng-model="myVar">

<div ng-show="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>

</body>
</html>

定义和用法

ng-show 指令在表达式为 true 时显示指定的 HTML 元素，否则隐藏指定的 HTML 元素。

语法

所有的 HTML 元素支持该指令。

参数值

值	描述
expression	如果表达式为 true 则显示指定的 HTML 元素。

以上就是对AngularJS ng-show 指令基础资料的整理，后续继续补充相关资料。

AngularJS基础 ng-show 指令简单示例

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

文本框回车提交与禁止提交示例

Sep 27 Javascript

探讨js中的双感叹号判断

Nov 11 Javascript

jQuery点击自身以外地方关闭弹出层的简单实例

Dec 24 Javascript

JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行）

Jan 05 Javascript

JS 对象(Object)和字符串(String)互转方法

May 20 Javascript

jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】

Mar 24 jQuery

Vue.2.0.5实现Class 与 Style 绑定的实例

Jun 20 Javascript

使用vue制作FullPage页面滚动效果

Aug 21 Javascript

为jquery的ajax请求添加超时timeout时间的操作方法

Sep 04 jQuery

jquery实现垂直无限轮播的方法分析

Jul 16 jQuery

vue+element-ui+axios实现图片上传

Aug 20 Javascript

jQuery+ajax实现文件上传功能

Dec 22 jQuery

JavaScript判断数组是否存在key的简单实例

Aug 03 #Javascript

AngularJS基础 ng-selected 指令简单示例

Aug 03 #Javascript

jQuery 判断是否包含在数组中Array[]的方法

Aug 03 #Javascript

JS实现保留n位小数的四舍五入问题示例

Aug 03 #Javascript

AngularJS基础 ng-repeat 指令简单示例

Aug 03 #Javascript

JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例

Aug 03 #Javascript

功能强大的Bootstrap效果展示（二）

Aug 03 #Javascript

You might like

PHP新手用的Insert和Update语句构造类

2012/03/31 PHP

PHP使用NuSOAP调用Web服务的方法

2015/07/18 PHP

thinkphp自带验证码全面解析

2016/09/18 PHP

Yii CFileCache 获取不到值的原因分析

2017/02/08 PHP

Laravel获取所有的数据库表及结构的方法

2019/10/10 PHP

js捕获鼠标右键菜单中的粘帖事件实现代码

2013/04/01 Javascript

jquery固定底网站底部菜单效果

2013/08/13 Javascript

在Ubuntu系统上安装Node.JS的教程

2015/10/15 Javascript

jQuery密码强度验证控件使用详解

2017/01/05 Javascript

谈谈Vue.js——vue-resource全攻略

2017/01/16 Javascript

js实现本地图片文件拖拽效果

2017/07/18 Javascript

完美解决iview 的select下拉框选项错位的问题

2018/03/02 Javascript

15分钟深入了解JS继承分类、原理与用法

2019/01/19 Javascript

从0到1搭建element后台框架优化篇(打包优化)

2019/05/12 Javascript

vue点击页面空白处实现保存功能

2019/11/06 Javascript

[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局

2016/03/06 DOTA

python多进程和多线程究竟谁更快(详解)

2017/05/29 Python

Python将多个excel表格合并为一个表格

2021/02/22 Python

Python基于lxml模块解析html获取页面内所有叶子节点xpath路径功能示例

2018/05/16 Python

python求最大连续子数组的和

2018/07/07 Python

使用Python监视指定目录下文件变更的方法

2018/10/15 Python

python控制nao机器人身体动作实例详解

2019/04/29 Python

Python数据类型之Tuple元组实例详解

2019/05/08 Python

pytorch sampler对数据进行采样的实现

2019/12/31 Python

pytorch常见的Tensor类型详解

2020/01/15 Python

Python 实现将numpy中的nan和inf,nan替换成对应的均值

2020/06/08 Python

Python中flatten( ),matrix.A用法说明

2020/07/05 Python

关于pycharm 切换 python3.9 报错 ‘HTMLParser‘ object has no attribute ‘unescape‘ 的问题

2020/11/24 Python

python中子类与父类的关系基础知识点

2021/02/02 Python

一站式跨境收款解决方案：Payoneer（派安盈）

2018/09/06 全球购物

SQL Server提供的3种恢复模型都是什么？有什么区别？

2012/05/13 面试题

普通党员对照检查材料

2014/09/24 职场文书

2019通用版新员工入职培训方案！

2019/07/11 职场文书

PyTorch 如何检查模型梯度是否可导

2021/06/05 Python

python四种出行路线规划的实现

2021/06/23 Python

一文弄懂MySQL中redo log与binlog的区别

2022/02/15 MySQL