编程 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 29 Javascript

实现变速回到顶部的JavaScript代码

May 09 Javascript

遍历DOM对象内的元素属性示例代码

Feb 08 Javascript

网页瀑布流布局jQuery实现代码

Oct 21 Javascript

JS实现探测网站链接的方法【测试可用】

Nov 08 Javascript

神级程序员JavaScript300行代码搞定汉字转拼音

May 20 Javascript

MUI实现上拉加载和下拉刷新效果

Jun 30 Javascript

AngularJS集合数据遍历显示的实例

Dec 27 Javascript

从零开始实现Vue简单的Toast插件

Dec 03 Javascript

微信小游戏之使用three.js 绘制一个旋转的三角形

Jun 10 Javascript

Vue.js中provide/inject实现响应式数据更新的方法示例

Oct 16 Javascript

JavaScript实现移动小精灵的案例代码

Dec 12 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

PHP自动更新新闻DIY

2006/10/09 PHP

一贴学会PHP 新手入门教程

2009/08/03 PHP

详解php比较操作符的安全问题

2015/12/03 PHP

PHP实现的随机红包算法示例

2017/08/14 PHP

window.parent调用父框架时 ie跟火狐不兼容问题

2009/07/30 Javascript

JavaScript 语言的递归编程

2010/05/18 Javascript

javascript中全局对象的parseInt()方法使用介绍

2013/12/19 Javascript

javascript解析json数据的3种方式

2014/05/08 Javascript

js与C#进行时间戳转换

2014/11/14 Javascript

AngularJS入门教程（二）：AngularJS模板

2014/12/06 Javascript

jquery制作漂亮的弹出层提示消息特效

2014/12/23 Javascript

jquery预加载图片的方法

2015/05/27 Javascript

js实现带圆角的多级下拉菜单效果

2015/08/28 Javascript

jQuery多条件筛选如何实现

2015/11/04 Javascript

jquery实现简单的banner轮播效果【实例】

2016/03/30 Javascript

JS前端加密算法示例

2016/12/22 Javascript

Vue Socket.io源码解读

2018/02/07 Javascript

详解js删除数组中的指定元素

2018/10/31 Javascript

详解关于html，css，js三者的加载顺序问题

2019/04/10 Javascript

用js简单提供增删改查接口

2019/05/12 Javascript

layui插件表单验证提交触发提交的例子

2019/09/09 Javascript

JS出现404错误原理及解决方案

2020/07/01 Javascript

[03:01]完美盛典趣味短片 DOTA2年度最佳&拉胯英雄

2019/12/07 DOTA

python实现网站的模拟登录

2016/01/04 Python

实例探究Python以并发方式编写高性能端口扫描器的方法

2016/06/14 Python

python 编程之twisted详解及简单实例

2017/01/28 Python

Python利用matplotlib生成图片背景及图例透明的效果

2017/04/27 Python

对python中Librosa的mfcc步骤详解

2019/01/09 Python

python 判断linux进程,并杀死进程的实现方法

2019/07/01 Python

Python : turtle色彩控制实例详解

2020/01/19 Python

pytorch Dataset,DataLoader产生自定义的训练数据案例

2021/03/03 Python

法国票务网站：Ticketmaster法国

2018/07/09 全球购物

毕业生自荐书模版

2014/01/04 职场文书

会计系毕业生求职信

2014/05/28 职场文书

交通事故委托书范本（2篇）

2014/09/21 职场文书

2014年自愿离婚协议书范本

2014/09/25 职场文书