AngularJS ng-if 指令

定义和用法

如果表达式的计算结果为 false，ng-if 指令将删除 HTML 元素。

如果 if 语句的计算结果为 true，则该元素的副本将添加到 DOM 中。

ng-if 指令与 ng-hide 不同，ng-hide 隐藏元素的显示，其中 ng-if 指令将元素从 DOM 中完全删除。

实例

取消选中复选框以删除部分：

保留 HTML：<input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>欢迎</h1>
<p>欢迎来到我家。</p>
<hr>
</div>

亲自试一试

语法

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

所有 HTML 元素都支持。

参数