编程 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

Feb 25 Javascript

dropdownlist之间的互相联动实现（显示与隐藏）

Nov 24 Javascript

jquery 多级下拉菜单核心代码

May 21 Javascript

封装好的javascript前端分页插件pagination

Jan 04 Javascript

JavaScript函数柯里化原理与用法分析

Mar 31 Javascript

Vee-Validate的使用方法详解

Sep 22 Javascript

input type=file 选择图片并且实现预览效果的实例

Oct 26 Javascript

小程序文字跑马灯效果

Dec 28 Javascript

jquery实现动态创建form并提交的方法示例

May 27 jQuery

vue中keep-alive、activated的探讨和使用详解

Jul 26 Javascript

前端vue+elementUI如何实现记住密码功能

Sep 20 Javascript

关于Node.js中频繁修改代码重启服务器的问题

Oct 15 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调用三种数据库的方法(2)

2006/10/09 PHP

php自动获取字符串编码函数mb_detect_encoding

2011/05/31 PHP

php购物车实现方法

2015/01/03 PHP

写一段简单的PHP建立文件夹代码

2015/01/06 PHP

php检查字符串中是否有外链的方法

2015/07/29 PHP

详解Laravel5.6 Passport实现Api接口认证

2018/07/27 PHP

JavaScript弹簧振子超简洁版完全符合能量守恒,胡克定理

2009/10/25 Javascript

js Date自定义函数延迟脚本执行

2010/03/10 Javascript

javascript真的不难-回顾一下基础知识

2013/01/15 Javascript

js取两个数组的交集|差集|并集|补集|去重示例代码

2013/08/07 Javascript

jQuery仿天猫实现超炫的加入购物车

2015/05/04 Javascript

jQuery模拟select实现下拉菜单功能

2016/06/20 Javascript

jQuery操作json常用方法示例

2017/01/04 Javascript

关于Javascript中document.cookie的使用

2017/03/08 Javascript

学习使用Bootstrap页面排版样式

2017/05/11 Javascript

JS实现自定义状态栏动画文字效果示例

2017/10/12 Javascript

10个经典的网页鼠标特效代码

2018/01/09 Javascript

基于bootstrap页面渲染的问题解决方法

2018/08/09 Javascript

微信小程序实现动态显示和隐藏某个控件功能示例

2018/12/14 Javascript

JavaScript实现简易聊天对话框(加滚动条)

2020/02/10 Javascript

Python 网络编程起步(Socket发送消息)

2008/09/06 Python

详解Python爬虫的基本写法

2016/01/08 Python

bat和python批量重命名文件的实现代码

2016/05/19 Python

Flask配置Cors跨域的实现

2019/07/12 Python

Python搭建代理IP池实现接口设置与整体调度

2019/10/27 Python

Pycharm小白级简单使用教程

2020/01/08 Python

Django REST framwork的权限验证实例

2020/04/02 Python

医学生个人求职信范文

2013/09/24 职场文书

乐观大学生的自我评价

2014/01/10 职场文书

大二自我鉴定

2014/01/31 职场文书

楼面经理岗位职责范本

2014/02/18 职场文书

乡镇党委书记个人整改措施

2014/09/15 职场文书

2015年公司国庆放假通知

2015/07/30 职场文书

解决numpy和torch数据类型转化的问题

2021/05/23 Python

详解PHP Swoole与TCP三次握手

2021/05/27 PHP

HTML+VUE分页实现炫酷物联网大屏功能

2021/05/27 Vue.js