最新的Web开发教程
 

AngularJS NG-hide指令


隐藏部分当一个复选框被选中:

Hide HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
试一试»

定义和用法

ng-hide指令隐藏的HTML元素,如果表达式的值为true。

ng-hide也是AngularJS一个预定义的CSS类,并设置元素的displaynone


句法

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

当作为一个CSS类中:

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

所有HTML元素的支持。


参数值

Value Description
expression An expression that will hide the element if the expression returns true.