编程 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。

语法

作为 CSS 类使用:

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

参数值

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

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

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

- Author -

lqh

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

Javascript 相关文章推荐

javascript之更有效率的字符串替换

Aug 02 Javascript

JS滚轮事件onmousewheel使用介绍

Nov 01 Javascript

用jquery模仿的a的title属性的例子

Oct 22 Javascript

原生JavaScript实现滚动条效果

Mar 24 Javascript

JavaScript实现显示函数调用堆栈的方法

Apr 21 Javascript

js实现可键盘控制的简单抽奖程序

Jul 13 Javascript

JavaScript设置名字输入不合法的实现方法

May 23 Javascript

js中DOM事件绑定分析

Mar 18 Javascript

快速解决select2在bootstrap模态框中下拉框隐藏的问题

Aug 10 Javascript

ES6 更易于继承的类语法的使用

Feb 11 Javascript

解决vue-router 二级导航默认选中某一选项的问题

Nov 01 Javascript

ElementUI多个子组件表单的校验管理实现

Nov 07 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

You might like

Apache设置虚拟WEB

2006/10/09 PHP

PHP自动生成表单代码分享

2015/06/19 PHP

为Plesk PHP7启用Oracle OCI8扩展方法总结

2019/03/29 PHP

PHP设计模式之适配器模式（Adapter）原理与用法详解

2019/12/12 PHP

javascript new fun的执行过程

2010/08/05 Javascript

子窗体与父窗体传值示例js代码

2013/08/01 Javascript

JS中判断null、undefined与NaN的方法

2014/03/24 Javascript

js通过iframe加载外部网页的实现代码

2015/04/05 Javascript

深入理解js函数的作用域与this指向

2016/05/28 Javascript

ionic实现带字的toggle滑动组件

2016/08/27 Javascript

jQuery实现导航高亮的方法【附demo源码下载】

2016/11/09 Javascript

AngularJS Toaster使用详解

2017/02/24 Javascript

浅谈struts1 & jquery form 文件异步上传

2017/05/25 jQuery

Three.js中矩阵和向量的使用教程

2019/03/19 Javascript

jQuery--遍历操作实例小结【后代、同胞及过滤】

2020/05/22 jQuery

vue中keep-alive、activated的探讨和使用详解

2020/07/26 Javascript

[07:59]2014DOTA2叨叨刀塔林熊猫称被邀请赛现场盛况震撼

2014/07/21 DOTA

[01:06:30]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第二场 1月9日

2021/03/11 DOTA

为Python的web框架编写前端模版的教程

2015/04/30 Python

django站点管理详解

2017/12/12 Python

详解用Python进行时间序列预测的7种方法

2020/03/13 Python

pycharm部署、配置anaconda环境的教程

2020/03/24 Python

解决Django响应JsonResponse返回json格式数据报错问题

2020/08/09 Python

Python 下载Bing壁纸的示例

2020/09/29 Python

python实现xml转json文件的示例代码

2020/12/30 Python

如何用 Python 处理不平衡数据集

2021/01/04 Python

HTML5+CSS3实例：canvas 模拟实现电子彩票刮刮乐代码

2016/12/30 HTML / CSS

解释一下ArrayList Vector和LinkedList的实现和区别

2013/04/26 面试题

事业单位辞职信范文

2014/01/19 职场文书

小学生家长评语集锦

2014/01/30 职场文书

模具毕业生推荐信

2014/02/15 职场文书

竞选文艺委员演讲稿

2014/04/28 职场文书

亲子阅读的活动方案

2014/08/15 职场文书

2014幼儿教师个人工作总结

2014/12/03 职场文书

2015年出纳工作总结与计划

2015/05/18 职场文书

Go语言读取txt文档的操作方法

2022/01/22 Golang