例
取消选中复选框删除部分:
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. |