AngularJS ng-if 指令
示例
取消选中复选框以移除一个区域
保留 HTML: <input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>欢迎</h1>
<p>欢迎来到我的家。</p>
<hr>
</div>
自己试一试 »
定义和用法
如果表达式的计算结果为 false，则 ng-if 指令会移除 HTML 元素。
如果 if 语句计算结果为 true，则会在 DOM 中添加元素的副本。
ng-if 指令不同于 ng-hide，后者隐藏元素的显示，而 ng-if 指令则完全从 DOM 中移除元素。
语法
<元素 ng-if="表达式"></元素>
所有 HTML 元素都支持。
参数值
| 值 | 描述 |
|---|---|
| 表达式 | 如果返回 false，则该表达式将完全移除元素。如果返回 true，则会插入元素的副本。 |
