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

JS效率个人经验谈（8-15更新），加入range技巧

Jan 09 Javascript

js 日期转换成中文格式的函数

Jul 07 Javascript

js css样式操作代码（批量操作）

Oct 09 Javascript

js中string转int把String类型转化成int类型

Aug 13 Javascript

javascript中几个容易混淆的概念总结

Apr 14 Javascript

JS实现从连接中获取youtube的key实例

Jul 02 Javascript

原生js实现图片轮播特效

Dec 18 Javascript

JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍

May 19 Javascript

Angular 2.0+ 的数据绑定的实现示例

Aug 09 Javascript

jQuery读取本地的json文件(实例讲解)

Oct 31 jQuery

详解vue-cli 接口代理配置

Dec 13 Javascript

如何利用JS将手机号中间四位变成*号

Sep 29 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数据结构算法(PHP描述) 简单选择排序 simple selection sort

2011/08/09 PHP

PHP获取搜索引擎关键字来源的函数(支持百度和谷歌等搜索引擎)

2012/10/03 PHP

PHP中的socket_read和socket_recv区别详解

2015/02/09 PHP

laravel5创建service provider和facade的方法详解

2016/07/26 PHP

iOS+PHP注册登录系统 PHP部分（上）

2016/12/26 PHP

关于 Laravel Redis 多个进程同时取队列问题详解

2017/12/25 PHP

类似框架的js代码

2006/11/09 Javascript

javascript 写类方式之九

2009/07/05 Javascript

模仿JQuery.extend函数扩展自己对象的js代码

2009/12/09 Javascript

javascript中RegExp保留小数点后几位数的方法分享

2013/08/13 Javascript

confirm的用法示例用于按钮操作时确定是否执行

2014/06/19 Javascript

js获取页面及个元素高度、宽度的代码

2016/04/26 Javascript

全面解析Bootstrap中tab（选项卡）的使用方法

2016/06/06 Javascript

关于vue.js发布后路径引用的问题解决

2017/08/15 Javascript

IntelliJ IDEA 安装vue开发插件的方法

2017/11/21 Javascript

微信小程序上传图片实例

2018/05/28 Javascript

vue-resource:jsonp请求百度搜索的接口示例

2019/11/09 Javascript

一篇文章带你从零快速上手Rollup

2020/09/07 Javascript

[01:31]（回顾）杀出重围，决战TI之巅

2014/07/01 DOTA

[49:42]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第一局

2016/03/04 DOTA

python利用datetime模块计算时间差

2015/08/04 Python

python3.4下django集成使用xadmin后台的方法

2017/08/15 Python

Python实现一个服务器监听多个客户端请求

2018/04/12 Python

python lambda表达式在sort函数中的使用详解

2019/08/28 Python

解决pytorch报错:AssertionError: Invalid device id的问题

2020/01/10 Python

pycharm新建Vue项目的方法步骤(图文)

2020/03/04 Python

python 轮询执行某函数的2种方式

2020/05/03 Python

给ubuntu18安装python3.7的详细教程

2020/06/08 Python

Html5中的桌面通知Notification的实现

2018/09/25 HTML / CSS

高级工程师岗位职责

2013/12/15 职场文书

大学学习个人的自我评价

2014/02/18 职场文书

幼儿园师德演讲稿

2014/05/06 职场文书

2014年图书馆个人工作总结

2014/12/18 职场文书

护士自荐信怎么写

2015/03/06 职场文书

追悼会答谢词范文

2015/09/29 职场文书

Python+DeOldify实现老照片上色功能

2022/06/21 Python