上一节:
下一节:

  AngularJS ng-hide 指令

  • 定义和用法

    如果表达式的计算结果为 true，则 ng-hide 指令将隐藏HTML元素。
    ng-hide 也是 AngularJS 中的预定义 CSS 类，并将元素的显示设置为 none。

  • 语法

    <element ng-hide="expression"></element>
    或者使用CSS类时： 
    <element class="ng-hide"></element>
    所有的HTML元素都支持。

  • 参数

    参数 必需的 描述
    expression 是 如果表达式返回true，则该表达式将隐藏元素。

  • 示例

    下例演示了ng-hide 指令显示或隐藏 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-hide="true">我是不显示的</p>
          <p ng-hide="false">我是显示的可见的</p>
      </div>
 </body>
 </html>
    尝试一下

  • 相关页面

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