AngularJS ng-hide
指令
示例
当复选框被选中时隐藏一个部分
隐藏 HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>欢迎</h1>
<p>欢迎来到我的家。</p>
</div>
自己试一试 »
定义和用法
如果表达式计算结果为真,则 ng-hide
指令会隐藏 HTML 元素。
ng-hide
也是 AngularJS 中预定义的 CSS 类,并将元素的 display
设置为 none
。
语法
<元素 ng-hide="表达式"></元素>
用作 CSS 类时
<元素 class="ng-hide"></元素>
所有 HTML 元素都支持。
参数值
值 | 描述 |
---|---|
表达式 | 如果表达式返回 true,则该表达式将隐藏元素。 |