AngularJS ng-hide 指令

定義和用法

如果表達式的計算結果為 true，ng-hide 指令將隱藏 HTML 元素。

ng-hide 也是 AngularJS 中預定義的 CSS 類，并將元素的 display 設置為 none。

實例

選中復選框時隱藏部分：

隱藏 HTML：<input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>歡迎</h1>
<p>歡迎來到我家。</p>
</div>

親自試一試

語法

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

When used as a CSS class:

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

所有 HTML 元素都支持。

參數