最新的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.