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>
    
    尝试一下