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 相关文章推荐
csdn 博客中实现运行代码功能实现
Aug 29 Javascript
jQuery对象和DOM对象的相互转化实现代码
Mar 02 Javascript
JavaScript接口实现代码 (Interfaces In JavaScript)
Jun 11 Javascript
JQuery调webservice实现邮箱验证(检测是否可用)
May 21 Javascript
浅谈JavaScript的Polymer框架中的事件绑定
Jul 29 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
Aug 25 Javascript
AngularJS中table表格基本操作示例
Oct 10 Javascript
浅谈vue-router2路由参数注意的问题
Nov 08 Javascript
vue完成项目后,打包成静态文件的方法
Sep 03 Javascript
你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)
Apr 15 Javascript
微信小程序下拉菜单效果的实例代码
May 14 Javascript
解决Vue打包后访问图片/图标不显示的问题
Jul 25 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&amp;mysql(五)
2006/10/09 PHP
php 设计模式之 单例模式
2008/12/19 PHP
PHP中使用mktime获取时间戳的一个黑色幽默分析
2012/05/31 PHP
ThinkPHP CURD方法之order方法详解
2014/06/18 PHP
Linux下php5.4启动脚本
2014/08/03 PHP
Ubuntu server 11.04安装memcache及php使用memcache来存储session的方法
2016/05/31 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
用javascript获取地址栏参数
2006/12/22 Javascript
禁止F5等快捷键的JS代码
2007/03/06 Javascript
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
一段非常简单的js判断浏览器的内核
2014/08/17 Javascript
jQuery常用且重要方法汇总
2015/07/13 Javascript
js类式继承与原型式继承详解
2016/04/07 Javascript
基于javascript的Form表单验证
2016/12/29 Javascript
完美实现js选项卡切换效果(一)
2017/03/08 Javascript
bootstrap实现动态进度条效果
2017/03/08 Javascript
React如何解决fetch跨域请求时session失效问题
2018/11/02 Javascript
python中cPickle用法例子分享
2014/01/03 Python
go和python调用其它程序并得到程序输出
2014/02/10 Python
快速了解Python相对导入
2018/01/12 Python
Python实现的径向基(RBF)神经网络示例
2018/02/06 Python
简单了解python数组的基本操作
2019/11/26 Python
Win下PyInstaller 安装和使用教程
2019/12/25 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
Canvas 文本转粒子效果的实现代码
2019/02/14 HTML / CSS
彪马西班牙官网:PUMA西班牙
2019/06/18 全球购物
师范生实习的个人自我鉴定
2013/10/20 职场文书
5.1手机促销活动
2014/01/17 职场文书
群众路线教育实践活动学习心得体会
2014/10/30 职场文书
2015年办公室人员工作总结
2015/05/15 职场文书
有关西游记的读书笔记
2015/06/25 职场文书
2015年主婚人婚礼致辞
2015/07/28 职场文书
2016年学校“3.12”植树节活动总结
2016/03/16 职场文书
导游词之山西祁县乔家大院
2019/10/14 职场文书
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android
MySql中的json_extract函数处理json字段详情
2022/06/05 MySQL