AngularJS ng-hide 指令

定义和用法

如果表达式的计算结果为 true，ng-hide 指令将隐藏 HTML 元素。

ng-hide 也是 AngularJS 中预定义的 CSS 类，并将元素的 display 设置为 none。

实例

选中复选框时隐藏部分：

隐藏 HTML：<input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>欢迎</h1>
<p>欢迎来到我家。</p>
</div>

亲自试一试

语法

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

When used as a CSS class:

<element class="ng-hide"></element>

所有 HTML 元素都支持。

参数