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

Add Formatted Text to a Word Document

Jun 15 Javascript

javascript Math.random()随机数函数

Nov 04 Javascript

JavaScript打印iframe内容示例代码

Aug 20 Javascript

window.showModalDialog()返回值的学习心得总结

Jan 07 Javascript

jquery实现在页面加载完毕后获取图片高度或宽度

Jun 16 Javascript

js点击列表文字对应该行显示背景颜色的实现代码

Aug 05 Javascript

jQuery实现的鼠标滑过弹出放大图片特效

Jan 08 Javascript

JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)

May 20 Javascript

js轮播图代码分享

Jul 14 Javascript

jQuery页面弹出框实现文件上传

Feb 09 Javascript

使用apifm-wxapi模块中的问题及解决方法

Aug 05 Javascript

js将URL网址转为16进制加密与解密函数

Mar 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

You might like

php读取30天之内的根据算法排序的代码

2008/04/06 PHP

Php中文件下载功能实现超详细流程分析

2012/06/13 PHP

PHP整合PayPal支付

2015/06/11 PHP

搭建Vim为自定义的PHP开发工具的一些技巧

2015/12/11 PHP

PHP程序员学习使用Swoole的理由

2018/06/24 PHP

arguments对象

2006/11/20 Javascript

jQuery 连续列表实现代码

2009/12/21 Javascript

基于jquery的下拉框改变动态添加和删除表格实现代码

2020/09/12 Javascript

跨浏览器通用、可重用的选项卡tab切换js代码

2011/09/20 Javascript

JQuery选择器特辑详细小结

2012/05/14 Javascript

JS判断文本框内容改变事件的简单实例

2014/03/07 Javascript

jQuery中:first-child选择器用法实例

2014/12/31 Javascript

confirm确认对话框的实现方法总结

2016/06/17 Javascript

jQuery Ajax 实现在html页面实时显示用户登录状态

2016/12/30 Javascript

Avalonjs 实现简单购物车功能(实例代码)

2017/02/07 Javascript

[01:08]DOTA2“血战之命”预告片

2017/08/12 DOTA

python中使用正则表达式的连接符示例代码

2017/10/10 Python

python2.7无法使用pip的解决方法(安装easy_install)

2018/04/03 Python

对python中的高效迭代器函数详解

2018/10/18 Python

python多进程控制学习小结

2018/10/31 Python

15行Python代码实现网易云热门歌单实例教程

2019/03/10 Python

Django网络框架之HelloDjango项目创建教程

2019/06/06 Python

Python占用的内存优化教程

2019/07/28 Python

tensorflow生成多个tfrecord文件实例

2020/02/17 Python

Python爬取豆瓣数据实现过程解析

2020/10/27 Python

Paradox London官方网站：英国新娘鞋婚礼鞋品牌

2019/08/29 全球购物

斯洛伐克最大的婴儿食品和用品网上商店：Feedo.sk

2020/12/21 全球购物

党性观念心得体会

2014/09/03 职场文书

第二批党的群众路线教育实践活动个人对照检查材料

2014/09/23 职场文书

幼儿园教师自荐书

2015/03/06 职场文书

2015年七夕爱情寄语

2015/03/24 职场文书

2015年新农村建设工作总结

2015/05/22 职场文书

2015年小学教师培训工作总结

2015/07/21 职场文书

班级管理经验交流材料

2015/11/02 职场文书

选对餐饮营销策略，营业额才会上涨

2019/08/27 职场文书

Python开发工具Pycharm的安装以及使用步骤总结

2021/06/24 Python