AngularJS ng-hide 指令

返回上一级

AngularJS ng-hide 指令在表达式为 true 时隐藏 HTML 元素

ng-hide 是 AngularJS 的预定义类,设置元素的 displaynone

语法

<element  ng-hide="expression"></element>

作为 CSS 类使用

<element class="ng-hide"></element>

所有的 HTML 元素都支持该指令

参数值

描述
expression 表达式如果返回 true 则隐藏元素

范例

在复选框选中时隐藏一部分

隐藏 HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
   <h1>Welcome</h1><p>Welcome to my home.</p>
</div>

运行范例 »

返回上一级

学习 AngularJS

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.