AngularJS `ng-if` 指令

AngularJS 實例

取消選中，並移除內容:

保留 HTML: <input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>

ng-if 指令用於在運算式為 false 時移除 HTML 元素。

如果 if 語句執行的結果為 true，會添加移除元素，並顯示。

ng-if 指令不同於 ng-hide， ng-hide 隱藏元素，而 ng-if 是從 DOM 中移除元素。

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

所有的 HTML 元素都支持該指令。

值	描述
expression	如果運算式返回 false 則會移除整個元素，如果為 true，則會添加元素。