AngularJS ng-if 指令
示例
取消選中複選框可刪除一個部分
保留 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，則會在 DOM 中插入該元素的副本。
ng-if 指令與 ng-hide 不同，ng-hide 會隱藏元素的顯示，而 ng-if 指令會完全從 DOM 中移除該元素。
語法
<element ng-if="expression"></element>
所有 HTML 元素均支援。
引數值
| 值 | 描述 |
|---|---|
| expression | 一個表示式，如果返回 false，將完全移除該元素。如果返回 true，則會插入該元素的副本。 |
