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

关于jquery性能最佳实践的讨论,与求教

Mar 30 Javascript

javascript实现节点（div）名称编辑

Dec 17 Javascript

js精美的幻灯片画集特效代码分享

Aug 29 Javascript

js数组常见操作及数组与字符串相互转化实例详解

Nov 10 Javascript

轻松掌握JavaScript状态模式

Sep 07 Javascript

基于jQuery实现选项卡效果

Jan 04 Javascript

详解使用nvm安装node.js

Jul 18 Javascript

Vue中this.$router.push参数获取方法

Feb 27 Javascript

微信小程序如何连接Java后台

Aug 08 Javascript

js贪心算法钱币找零问题代码实例

Sep 11 Javascript

Vue 嵌套路由使用总结（推荐）

Jan 13 Javascript

解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题

Aug 14 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递归调用的小技巧讲解

2013/02/19 PHP

php实现parent调用父类的构造方法与被覆写的方法

2015/02/11 PHP

jQuery Flash/MP3/Video多媒体插件

2010/01/18 Javascript

jquery随意添加移除html的实现代码

2011/06/21 Javascript

javascript动态加载三

2012/08/22 Javascript

在页面加载完成后通过jquery给多个span赋值

2014/05/21 Javascript

node.js中的fs.stat方法使用说明

2014/12/16 Javascript

jQuery插件开发的五种形态小结

2015/03/04 Javascript

png在IE6 下无法透明的解决方法汇总

2015/05/21 Javascript

jQuery实现的五子棋游戏实例

2015/06/13 Javascript

浅析函数声明和函数表达式——函数声明的声明提前

2016/05/03 Javascript

探究Vue.js 2.0新增的虚拟DOM

2016/10/20 Javascript

利用JS轻松实现获取表单数据

2016/12/06 Javascript

详解Angular2组件之间如何通信

2017/06/22 Javascript

详解webpack分包及异步加载套路

2017/06/29 Javascript

JS实现数组去重方法总结(六种方法)

2017/07/14 Javascript

vue 自定义全局方法,在组件里面的使用介绍

2018/02/28 Javascript

Vue项目环境搭建详细总结

2019/09/26 Javascript

微信小程序后端无法保持session的原因及解决办法问题

2020/03/20 Javascript

Python实现的检测web服务器健康状况的小程序

2014/09/17 Python

对python的unittest架构公共参数token提取方法详解

2018/12/17 Python

Python基础知识点初识Python.md

2019/05/14 Python

PyQt5 在label显示的图片中绘制矩形的方法

2019/06/17 Python

mac使用python识别图形验证码功能

2020/01/10 Python

Python Switch Case三种实现方法代码实例

2020/06/18 Python

泰国办公用品购物网站：OfficeMate

2018/02/04 全球购物

美国受信赖的教育产品供应商：Nest Learning

2018/06/14 全球购物

List、Map、Set三个接口，存取元素时，各有什么特点？

2015/09/27 面试题

什么是数组名

2012/05/10 面试题

2014年五一活动策划方案

2014/03/15 职场文书

银行贷款委托书范本

2014/10/11 职场文书

2015元旦文艺汇演主持稿（开场白+结束语）

2014/12/14 职场文书

2019学子的答谢词范本！

2019/07/05 职场文书

节约用水广告语60条

2019/11/14 职场文书

Python opencv缺陷检测的实现及问题解决

2021/04/24 Python

Mysql使用全文索引(FullText index)的实例代码

2022/04/03 MySQL