编程 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 相关文章推荐

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 数码科技