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指令的基本知识整理,后续继续补充。

Javascript 相关文章推荐
js获取变量
Aug 24 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
Sep 19 Javascript
JavaScript省市联动实现代码
Feb 15 Javascript
js取模(求余数)隔行变色
May 15 Javascript
浅析JavaScript基本类型与引用类型
May 28 Javascript
js格式化时间小结
Nov 03 Javascript
微信中一些常用的js方法汇总
Mar 12 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 Javascript
Angular2表单自定义验证器的实现
Oct 19 Javascript
JS中promise化微信小程序api
Apr 12 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 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定时计划任务与fsockopen持续进程实例
2014/05/23 PHP
判断、添加和删除WordPress置顶文章的相关PHP函数小结
2015/12/10 PHP
YII Framework框架教程之国际化实现方法
2016/03/14 PHP
Yii框架数据模型的验证规则rules()被执行的方法
2016/12/02 PHP
laravel 多图上传及图片的存储例子
2019/10/14 PHP
将jQuery应用于login页面的问题及解决
2009/10/17 Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
2009/11/26 Javascript
jquery 查找新建元素代码
2010/07/06 Javascript
jQuery异步验证用户名是否存在示例代码
2014/05/21 Javascript
jQuery将多条数据插入模态框的示例代码
2014/09/25 Javascript
浅谈jQuery中replace()方法
2015/05/13 Javascript
javascript实现带下拉子菜单的导航菜单效果
2015/05/14 Javascript
详解 javascript中offsetleft属性的用法
2015/11/11 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
2015/11/17 Javascript
详解AngularJS 过滤器的使用
2018/06/02 Javascript
在vue中更换字体,本地存储字体非引用在线字体库的方法
2018/09/28 Javascript
亲自动手实现vue日历控件
2019/06/26 Javascript
[03:37]2015国际邀请赛第四日现场精彩集锦
2015/08/08 DOTA
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
Tensorflow 实现释放内存
2020/02/03 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
CSS3弹性盒模型开发笔记(一)
2016/04/26 HTML / CSS
Canvas系列之滤镜效果
2019/02/12 HTML / CSS
Waterford加拿大官方网站:世界著名的水晶杯品牌
2016/11/01 全球购物
英国最大最好的无人机商店:Drones Direct
2019/07/12 全球购物
目标管理责任书
2014/04/15 职场文书
运动会广播稿100字
2014/09/14 职场文书
个人承诺书格式范文
2015/04/29 职场文书
幼儿园班级工作总结2015
2015/05/25 职场文书
埃及王子观后感
2015/06/16 职场文书
小学数学教学随笔
2015/08/14 职场文书
巾帼建功标兵先进事迹材料
2016/02/29 职场文书
2019年七夕情人节浪漫祝福语大全!
2019/08/08 职场文书
Mysql数据库值的添加、修改、删除及清空操作实例
2021/06/20 MySQL
win10如何快速切换窗口 win10切换窗口快捷键分享
2022/07/23 数码科技