AngularJS ng-show 指令

定义和用法

如果表达式计算结果为 true,ng-show 指令将显示指定的 HTML 元素,否则隐藏该 HTML 元素。

实例

当选中复选框时显示一个部分:

显示 HTML:<input type="checkbox" ng-model="myVar">
<div ng-show="myVar">
<h1>欢迎</h1>
<p>欢迎来到我家。</p>
</div>

亲自试一试

语法

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

所有 HTML 元素都支持。

参数

参数 描述
expression 仅当表达式返回 true 时才会显示元素的表达式。