AngularJS ng-hide
指令
示例
勾選複選框時隱藏一個區域
隱藏 HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
自己動手試一試 »
定義和用法
當表示式求值為 true 時,ng-hide
指令會隱藏 HTML 元素。
ng-hide
也是 AngularJS 中預定義的 CSS 類,它會將元素的 display
設定為 none
。
語法
<element ng-hide="expression"></element>
當用作 CSS 類時
<element class="ng-hide"></element>
所有 HTML 元素均支援。
引數值
值 | 描述 |
---|---|
expression | 如果表示式返回 true,則會隱藏元素的表示式。 |