AngularJS ng-if 指令

定義和用法

如果表達式的計算結果為 false，ng-if 指令將刪除 HTML 元素。

如果 if 語句的計算結果為 true，則該元素的副本將添加到 DOM 中。

ng-if 指令與 ng-hide 不同，ng-hide 隱藏元素的顯示，其中 ng-if 指令將元素從 DOM 中完全刪除。

實例

取消選中復選框以刪除部分：

保留 HTML：<input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>歡迎</h1>
<p>歡迎來到我家。</p>
<hr>
</div>

親自試一試

語法

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

所有 HTML 元素都支持。

參數