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 元素。

语法

<element ng-show="expression"></element>

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

参数值

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

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

Javascript 相关文章推荐
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
Dec 08 Javascript
jquery $.ajax相关用法分享
Mar 16 Javascript
查找页面中所有类为test的结点的方法
Mar 28 Javascript
使用jquery 简单实现下拉菜单
Jan 14 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
Aug 01 Javascript
jQuery组件easyui对话框实现代码
Aug 25 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
Mar 09 Javascript
详解vue项目构建与实战
Jun 27 Javascript
浅谈Vue2.0父子组件间事件派发机制
Jan 08 Javascript
使用vue的transition完成滑动过渡的示例代码
Jun 25 Javascript
10个最受欢迎的 JavaScript框架(推荐)
Apr 24 Javascript
微信小程序实现侧边栏分类
Oct 21 Javascript
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操作MongoDB时的整数问题及对策说明
2011/05/02 PHP
php语言流程控制中的主动与被动
2012/11/05 PHP
解密ThinkPHP3.1.2版本之模板继承
2014/06/19 PHP
用tip解决Ext列宽度不够的问题
2008/12/13 Javascript
javascript 常用方法总结
2009/06/03 Javascript
toString()一个会自动调用的方法
2010/02/08 Javascript
div+css布局的图片连续滚动js实现代码
2010/05/04 Javascript
由JavaScript中call()方法引发的对面向对象继承机制call的思考
2011/09/12 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
2013/07/10 Javascript
node.js超时timeout详解
2014/11/26 Javascript
JavaScript实现点击单元格改变背景色的方法
2016/02/12 Javascript
javascript求日期差的方法
2016/03/02 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
2016/03/02 Javascript
js初始化验证实例详解
2016/11/26 Javascript
BootStrop前端框架入门教程详解
2016/12/25 Javascript
js下拉菜单生成器dropMenu使用方法详解
2017/08/01 Javascript
在一般处理程序(ashx)中弹出js提示语
2017/08/16 Javascript
详解解决Vue相同路由参数不同不会刷新的问题
2018/10/12 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
2020/11/05 Javascript
深入理解NumPy简明教程---数组2
2016/12/17 Python
对python中的pop函数和append函数详解
2018/05/04 Python
python3.6的venv模块使用详解
2018/08/01 Python
Python 二叉树的层序建立与三种遍历实现详解
2019/07/29 Python
用python介绍4种常用的单链表翻转的方法小结
2020/02/24 Python
使用OpenCV校准鱼眼镜头的方法
2020/11/26 Python
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
印尼在线购买隐形眼镜网站:Lensza.co.id
2019/04/27 全球购物
char型变量中能不能存贮一个中文汉字
2015/07/08 面试题
C语言笔试题
2014/09/04 面试题
介绍一下Mysql的存储引擎
2015/02/12 面试题
教师实习自我鉴定
2013/12/11 职场文书
基层干部十八大感言
2014/01/19 职场文书
幼儿园老师辞职信
2014/01/20 职场文书
物业管理专业求职信
2014/06/11 职场文书
保姆聘用合同
2015/09/21 职场文书
《观潮》教学反思
2016/02/17 职场文书