首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

AngularJS基础 ng-hide 指令用法及示例代码

Posted in Javascript onAugust 01, 2016

AngularJS ng-hide 指令

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-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>

</body>
</html>

定义和用法

ng-hide 指令在表达式为 true 时隐藏 HTML 元素。

ng-hide 是 AngularJS 的预定义类，设置元素的 display 为 none。

语法

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

作为 CSS 类使用:

<element class="ng-hide"></element>

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

参数值

值 描述
expression 表达式如果返回 true 则隐藏元素。

以上就是AngularJS ng-hide指令的基本知识整理，后续继续补充。

AngularJS基础 ng-hide 指令用法及示例代码

- Author -

lqh

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

Javascript 相关文章推荐
JavaScript 基础篇之运算符、语句（二）
Apr 07 Javascript
解决jquery submit()提交表单提示：f[s] is not a function
Jan 23 Javascript
js图片向右一张张滚动效果实例代码
Nov 23 Javascript
用javascript删除当前行,添加行(示例代码)
Nov 25 Javascript
浅谈重写window对象的方法
Dec 29 Javascript
JavaScript中的pow()方法使用详解
Jun 15 Javascript
微信小程序 animation API详解及实例代码
Oct 08 Javascript
Bootstrap入门教程一Hello Bootstrap初识
Mar 02 Javascript
原生JS实现$.param() 函数的方法
Aug 10 Javascript
JavaScript 性能提升之路（推荐）
Apr 10 Javascript
Jquery异步上传文件代码实例
Nov 13 jQuery
JS倒计时两种实现方式代码实例
Jul 27 Javascript
使用JS中的exec()方法构造正则表达式验证
Aug 01 #Javascript
javascript创建含数字字母的随机字符串方法总结
Aug 01 #Javascript
jQuery简单实现彩色云标签效果示例
Aug 01 #Javascript
jQuery实现的简单百分比进度条效果示例
Aug 01 #Javascript
AngularJS基础 ng-focus 指令简单示例
Aug 01 #Javascript
JavaScript中的对象继承关系
Aug 01 #Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
Aug 01 #Javascript
飞利浦(2) PHILIPS(3) 德劲1103(3) L4X25T(1) ICF-SW55(1) D1835(1) D1875(1) 德生PL330(2) ICF-SW7600GR(1) 德生9700DX(1)
You might like
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
php程序的国际化实现方法（利用gettext）
2011/08/14 PHP
谈谈关于php的优点与缺点
2013/04/11 PHP
WordPress自定义时间显示格式
2015/03/27 PHP
Joomla开启SEF的方法
2016/05/04 PHP
用javascript实现的图片马赛克后显示并切换加文字功能
2007/04/21 Javascript
将CKfinder整合进CKEditor3.0的新方法
2010/01/10 Javascript
解析JSON对象与字符串之间的相互转换
2013/12/18 Javascript
js输出阴历、阳历、年份、月份、周示例代码
2014/01/29 Javascript
JavaScript中对象property的删除方法介绍
2014/12/30 Javascript
js获取微信版本号的方法
2015/05/12 Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
2015/10/25 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
2015/11/13 Javascript
微信小程序之数据双向绑定与数据操作
2017/05/12 Javascript
js实现移动端导航点击自动滑动效果
2017/07/18 Javascript
微信小程序开发注意指南和优化实践(小结)
2019/06/21 Javascript
vue中添加与删除关键字搜索功能
2019/10/12 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
js实现淘宝浏览商品放大镜功能
2020/10/28 Javascript
修改Python的pyxmpp2中的主循环使其提高性能
2015/04/24 Python
Python删除windows垃圾文件的方法
2015/07/14 Python
分享几道你可能遇到的python面试题
2017/07/24 Python
Python实现判断并移除列表指定位置元素的方法
2018/04/13 Python
python的pip安装以及使用教程
2018/09/18 Python
python如何求解两数的最大公约数
2018/09/27 Python
Python 一句话生成字母表的方法
2019/01/02 Python
浅谈PySpark SQL 相关知识介绍
2019/06/14 Python
django 基于中间件实现限制ip频繁访问过程详解
2019/07/30 Python
Python 读取有公式cell的结果内容实例方法
2020/02/17 Python
python算的上脚本语言吗
2020/06/22 Python
Anaconda+spyder+pycharm的pytorch配置详解(GPU)
2020/10/18 Python
pycharm永久激活超详细教程
2020/10/29 Python
白兰氏健康Mall：BRAND’S
2017/11/13 全球购物
接口的多继承会带来哪些问题
2015/08/17 面试题
工厂仓管员岗位职责范本
2014/07/17 职场文书
超越Nginx的Web服务器caddy优雅用法
2022/06/21 Servers