最新的Web開發教程
 

AngularJS NG-如果指令


取消選中複選框刪除部分:

Keep 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指令刪除HTML元素,如果表達式的值為false。

如果if語句的計算結果為true時,元素的副本在DOM被添加。

ng-if指令是從NG隱藏其中隱藏元素的顯示不同,名NG-if指令完全刪除從DOM元素。


句法

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

所有HTML元素的支持。


參數值

Value Description
expression An expression that will completely remove the element if it returns false. If it returns true, a copy of the element will be inserted instead.