编程 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打开word文档的实现代码(c#)

Apr 16 Javascript

jquery插件推荐 jquery.cookie

Nov 09 Javascript

jQuery选择器源码解读（五）：tokenize的解析过程

Mar 31 Javascript

jQuery使用经验小技巧(推荐)

May 31 Javascript

JS获取地址栏参数的两种方法(简单实用)

Jun 14 Javascript

Bootstrap导航简单实现代码

Mar 06 Javascript

Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例

Mar 27 Javascript

vue输入节流,避免实时请求接口的实例代码

Oct 30 Javascript

vue el-table实现自定义表头

Dec 11 Javascript

JS实现可控制的进度条

Mar 25 Javascript

Ant Design的Table组件去除

Oct 24 Javascript

JavaScript高级程序设计之变量与作用域

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

Jquery 设置标题的自动翻转

2009/10/03 Javascript

js 图片等比例缩放代码

2010/05/13 Javascript

JavaScript 异步方法队列链实现代码分析

2010/06/05 Javascript

iframe 异步加载技术及性能分析

2011/07/19 Javascript

Javascript delete 引用类型对象

2013/11/01 Javascript

使用百度地图api实现根据地址查询经纬度

2014/12/11 Javascript

浅谈JavaScript中的字符编码转换问题

2015/07/07 Javascript

JavaScript实现模仿桌面窗口的方法

2015/07/18 Javascript

js 输入框正则表达式(菜鸟必看教程)

2017/02/19 Javascript

解决vue2.x中数据渲染以及vuex缓存的问题

2017/07/13 Javascript

axios封装，使用拦截器统一处理接口，超详细的教程（推荐）

2019/05/02 Javascript

解决vue-cli项目开发运行时内存暴涨卡死电脑问题

2019/10/29 Javascript

JS实现放烟花效果

2020/03/10 Javascript

[00:48]完美“圣”典2016风云人物：xiao8宣传片

2016/11/30 DOTA

Python中的面向对象编程详解(上)

2015/04/13 Python

利用Python将时间或时间间隔转为ISO 8601格式方法示例

2017/09/05 Python

Python标准模块--ContextManager上下文管理器的具体用法

2017/11/27 Python

解决python写入mysql中datetime类型遇到的问题

2018/06/21 Python

Python实现处理逆波兰表达式示例

2018/07/30 Python

Windows系统下PhantomJS的安装和基本用法

2018/10/21 Python

Python 从相对路径下import的方法

2018/12/04 Python

浅谈python标准库--functools.partial

2019/03/13 Python

Python json读写方式和字典相互转化

2020/04/18 Python

2020最新pycharm汉化安装（python工程狮亲测有效）

2020/04/26 Python

Html5移动端适配IphoneX等机型的方法

2019/06/25 HTML / CSS

使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果

2020/11/10 HTML / CSS

Stella McCartney官网：成衣、包袋、香水、内衣、童装及Adidas系列

2018/12/20 全球购物

Android interview questions

2016/12/25 面试题

大学生职业生涯规划书模板

2014/01/03 职场文书

个人简历自我评价

2014/02/02 职场文书

国培计划培训感言

2014/03/11 职场文书

教师一岗双责责任书

2014/04/16 职场文书

师德师风自我评价范文

2014/09/11 职场文书

2014年学校总务处工作总结

2014/12/08 职场文书

2014年学前班工作总结

2014/12/08 职场文书

python如何做代码性能分析

2021/04/26 Python