上一节:
下一节:

  AngularJS ng-show 指令

  • 定义和用法

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

  • 语法

    <element ng-show="expression"></element>
    所有HTML元素都支持该指令

  • 参数

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

  • 示例

    下例演示了ng-show 指令显示或隐藏 HTML 元素： 
    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
<script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
</head>
<body>
      <div ng-app="">
            <p ng-show="true">我是显示的可见的</p>
            <p ng-show="false">我是不显示的</p>
      </div> 
</body>
</html>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: