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

21个JavaScript事件(Events)属性汇总

Dec 02 Javascript

js实现简单的联动菜单效果

Aug 19 Javascript

轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器

Nov 30 Javascript

JS限定手机版中图片大小随分辨率自动调整的方法

Dec 05 Javascript

layui分页效果实现代码

May 19 Javascript

webpack组织模块打包Library的原理及实现

Mar 10 Javascript

JavaScript 判断对象中是否有某属性的常用方法

Jun 14 Javascript

打通前后端构建一个Vue+Express的开发环境

Jul 17 Javascript

vue回到顶部监听滚动事件详解

Aug 02 Javascript

vue+elementUI动态生成面包屑导航教程

Nov 04 Javascript

微信小程序后端(java)开发流程的详细步骤

Nov 13 Javascript

Vue解析剪切板图片并实现发送功能

Feb 04 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