编程 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下checked取值问题的解决方法

Aug 09 Javascript

基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍

May 07 Javascript

js一般方法改写成面向对象方法的无限级折叠菜单示例代码

Jul 04 Javascript

jQuery中prevUntil()方法用法实例

Jan 08 Javascript

详解JavaScript数组的操作大全

Oct 19 Javascript

JavaScript严格模式详解

Nov 18 Javascript

vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法

Feb 22 Javascript

Vue2.0父子组件传递函数的教程详解

Oct 16 Javascript

微信小程序顶部可滚动导航效果

Oct 31 Javascript

js getBoundingClientRect使用方法详解

Jul 17 Javascript

详解Vuex下Store的模块化拆分实践

Jul 31 Javascript

vue路由教程之静态路由

Sep 03 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

我的论坛源代码(一)

2006/10/09 PHP

PHP XML操作类DOMDocument

2009/12/16 PHP

PHP5.5在windows安装使用memcached服务端的方法

2014/04/16 PHP

php中 ob_start等函数截取标准输出的方法

2015/06/22 PHP

学习php设计模式 php实现建造者模式

2015/12/07 PHP

使用phpQuery获取数组的实例

2017/03/13 PHP

jQuery 隔行换色支持键盘上下键，按Enter选定值

2009/08/02 Javascript

JQuery与Ajax常用代码实现对比

2009/10/03 Javascript

jQuery原生的动画效果

2015/07/10 Javascript

基于Css3和JQuery实现打字机效果

2015/08/11 Javascript

为Jquery EasyUI 组件加上清除功能的方法(详解)

2017/04/13 jQuery

浅谈jQuery框架Ajax常用选项

2017/07/08 jQuery

bootstrap+jquery项目引入文件报错的解决方法

2018/01/22 jQuery

解决select2在bootstrap modal中不能正常使用的问题

2018/08/09 Javascript

详解Vue底部导航栏组件

2019/05/02 Javascript

微信小程序云开发之使用云函数

2019/05/17 Javascript

你了解vue3.0响应式数据怎么实现吗

2019/06/07 Javascript

[19:24]DOTA2客户端使用指南一分钟快速设置轻松超神

2013/09/24 DOTA

用Python编写脚本使IE实现代理上网的教程

2015/04/23 Python

在Python中处理列表之reverse()方法的使用教程

2015/05/21 Python

Python编程中装饰器的使用示例解析

2016/06/20 Python

python读取图像矩阵文件并转换为向量实例

2020/06/18 Python

一文带你了解Python 四种常见基础爬虫方法介绍

2020/12/04 Python

英国著名的化妆品折扣网站：Allbeauty.com

2016/07/21 全球购物

关于Java finally的面试题

2016/04/27 面试题

高分子材料个人求职信范文

2013/09/25 职场文书

计算机专业推荐信范文

2013/11/27 职场文书

党员干部承诺书范文

2014/03/25 职场文书

研发工程师岗位职责

2014/04/28 职场文书

舞蹈兴趣小组活动总结

2014/07/07 职场文书

安全伴我行演讲稿

2014/09/04 职场文书

2014群众路线学习笔记

2014/11/06 职场文书

质量保证书

2015/01/17 职场文书

主题班会开场白

2015/06/01 职场文书

python读取pdf格式文档的实现代码

2021/04/01 Python

MySQL系列之二多实例配置

2021/07/02 MySQL