最新的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.