上一节:
下一节:

  AngularJS ng-cloak 指令

  • 定义和用法

    ng-cloak 指令可防止文档在加载 AngularJS 时显示未完成的 AngularJS 代码。
    加载应用程序时，AngularJS 应用程序可使HTML文档闪烁，从而在执行所有代码之前先显示 AngularJS 代码。 使用 ng-cloak 指令可以防止这种情况。

  • 语法

      <element ng-cloak></element>
    所有HTML元素都支持。

  • 参数

    ng-cloak 指令没有参数。

  • 示例

    下例演示了防止应用程序在页面加载时闪烁： 
    <!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-cloak>{{ 5 + 5 }} </p>
         <p><b>注意：</b>即使没有ng-cloak指令，此示例也可能不会闪烁，但是它显示了如何在HTML元素上包括该指令。</p>
     </div>
  </body>
  </html>
    尝试一下

  • 相关页面

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