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

myFocus slide3D v1.1.0 使用方法与下载

Jan 12 Javascript

jquery ajax请求实例深入解析

Nov 26 Javascript

用jquery模仿的a的title属性(兼容ie6/7)

Jan 21 Javascript

jquery.hotkeys监听键盘按下事件keydown插件

May 11 Javascript

多个$(document).ready()的执行顺序实例分析

Jul 26 Javascript

Jquery中扩展方法extend使用技巧

Aug 24 Javascript

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

Mar 31 Javascript

Html5 js实现手风琴效果

Apr 17 Javascript

node命令行工具之实现项目工程自动初始化的标准流程

Aug 12 Javascript

vue实现折线图可按时间查询

Aug 21 Javascript

JavaScript中常用的3种弹出提示框(alert、confirm、prompt)

Nov 10 Javascript

JS 4个超级实用的小技巧提升开发效率

Oct 05 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写的serv-u的web申请账号的程序

2006/10/09 PHP

php下intval()和(int)转换使用与区别

2008/07/18 PHP

PHP中的Iterator迭代对象属性详解

2019/04/12 PHP

关于javascript 回调函数中变量作用域的讨论

2009/09/11 Javascript

ExtJS 下拉多选框lovcombo

2010/05/19 Javascript

IE的有条件注释判定IE版本详解（附实例代码）

2012/01/04 Javascript

js动态添加事件并可传参数示例代码

2013/10/21 Javascript

javascript实现根据iphone屏幕方向调用不同样式表的方法

2015/07/13 Javascript

javascript使用输出语句实现网页特效代码

2015/08/06 Javascript

移动端H5开发 Turn.js实现很棒的翻书效果

2016/06/20 Javascript

iOS和Android用同一个二维码实现跳转下载链接的方法

2016/09/28 Javascript

jQuery的 $.ajax防止重复提交的两种方法(推荐)

2016/10/14 Javascript

安装Node.js并启动本地服务的操作教程

2018/05/12 Javascript

基于JavaScript实现瀑布流布局

2018/08/15 Javascript

JQuery插件tablesorter表格排序实现过程解析

2020/05/28 jQuery

JS制作简易计算器的实例代码

2020/07/04 Javascript

JavaScript的一些小技巧分享

2021/01/06 Javascript

python itchat实现微信好友头像拼接图的示例代码

2017/08/14 Python

数组保存为txt, npy, csv 文件, 数组遍历enumerate的方法

2018/07/09 Python

使用Fabric自动化部署Django项目的实现

2019/09/27 Python

TensorFlow2.1.0安装过程中setuptools、wrapt等相关错误指南

2020/04/08 Python

Selenium结合BeautifulSoup4编写简单的python爬虫

2020/11/06 Python

python切片作为占位符使用实例讲解

2021/02/17 Python

申报职称专业技术个人的自我评价

2013/12/12 职场文书

《理想》教学反思

2014/02/17 职场文书

电视节目策划方案

2014/05/16 职场文书

学校领导班子对照检查材料

2014/09/24 职场文书

收款委托书

2014/10/14 职场文书

八一建军节慰问信

2015/02/14 职场文书

2015年小学语文工作总结

2015/05/25 职场文书

请客吃饭开场白

2015/06/01 职场文书

mysql优化

2021/04/06 MySQL

详解MySQL数据库千万级数据查询和存储

2021/05/18 MySQL

关于nginx 实现jira反向代理的问题

2021/09/25 Servers

详解在OpenCV中如何使用图像像素

2022/03/03 Python

简单聊聊TypeScript只读修饰符

2022/04/06 Javascript