返回 AngularJS 参考

AngularJS ng-show 指令

实例

选中复选框时显示 div:

<!DOCTYPE html>
<html>
<script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
<body ng-app="">
显示 HTML: <input type="checkbox" ng-model="myVar">
<div ng-show="myVar">
<h2>Welcome</h2>
<p>Welcome to my home.</p>
</div>
</body>
</html>

定义与用法

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

语法

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

由所有 HTML 元素支持。

参数值

值	描述
expression	仅当表达式返回 true 时才显示元素的表达式

分类导航