编程 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 学习点滴记录

Apr 24 Javascript

JavaScript中for..in循环陷阱介绍

Nov 12 Javascript

js实现的折叠导航示例

Nov 29 Javascript

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

Dec 16 Javascript

微信小程序获取当前地理位置和经纬度实例代码

Dec 05 Javascript

使用express+multer实现node中的图片上传功能

Feb 02 Javascript

vue 表单输入格式化中文输入法异常问题

May 30 Javascript

CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】

Jun 14 Javascript

详解微信小程序开发之formId使用（模板消息）

Aug 27 Javascript

Vue路由守卫之路由独享守卫

Sep 25 Javascript

vue框架中props的typescript用法详解

Feb 17 Javascript

jQuery使用ajax传递json对象到服务端及contentType的用法示例

Mar 12 jQuery

使用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文件操作之获取目录下文件与计算相对路径的方法

2016/01/08 PHP

Win7环境下Apache连接MySQL提示连接已重置的解决办法

2017/05/09 PHP

PHP编程计算文件或数组中单词出现频率的方法

2017/05/22 PHP

PHP递归实现文件夹的复制、删除、查看大小操作示例

2017/08/11 PHP

PHP实现的简单路由和类自动加载功能

2018/03/13 PHP

javascript+css 网页每次加载不同样式的实现方法

2009/12/27 Javascript

通过javascript的匿名函数来分析几段简单有趣的代码

2010/06/29 Javascript

小议JavaScript中Generator和Iterator的使用

2015/07/29 Javascript

浅析2种JavaScript继承方式

2015/12/04 Javascript

JS判断浏览器是否安装flash插件的简单方法

2016/09/13 Javascript

原生JS实现左右箭头选择日期实例代码

2017/03/14 Javascript

解决bootstrap下拉菜单点击立即隐藏bug的方法

2017/06/13 Javascript

AngularJs+Bootstrap实现漂亮的计算器

2017/08/10 Javascript

关于Vue.nextTick()的正确使用方法浅析

2017/08/25 Javascript

vue 实现 ios 原生picker 效果及实现思路解析

2017/12/06 Javascript

Vue发布订阅模式实现过程图解

2020/04/30 Javascript

JavaScript图片旋转效果实现方法详解

2020/06/28 Javascript

一篇文章带你搞懂Vue虚拟Dom与diff算法

2020/08/25 Javascript

Python使用py2exe打包程序介绍

2014/11/20 Python

Python存取XML的常见方法实例分析

2017/03/21 Python

python for循环输入一个矩阵的实例

2018/11/14 Python

Python closure闭包解释及其注意点详解

2019/08/28 Python

python hashlib加密实现代码

2019/10/17 Python

python随机生成大小写字母数字混合密码(仅20行代码)

2020/02/01 Python

快速解决jupyter notebook启动需要密码的问题

2020/04/21 Python

纯css3无js实现的Android Logo(有简单动画)

2013/01/21 HTML / CSS

美国儿童运动鞋和服装零售商：Kids Foot Locker

2017/08/05 全球购物

Linux中如何设置Java环境变量（Ubuntu）

2016/07/24 面试题

建筑系毕业生自我鉴定

2014/01/24 职场文书

工会换届选举方案

2014/05/21 职场文书

销售提升方案

2014/06/07 职场文书

人力资源管理专业自荐信

2014/06/24 职场文书

大学第二课堂活动总结

2014/07/08 职场文书

大学毕业生推荐信

2014/07/09 职场文书

安装配置mysql及Navicat prenium的详细流程

2021/06/10 MySQL

win10键盘驱动怎么修复?Win10键盘驱动修复小技巧

2022/04/06 数码科技