AngularJS ng-cloak 指令

实例

防止应用程序在页面加载时闪烁:

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  4. <body>
  5. <div ng-app="">
  6. <p ng-cloak="">{{ 5 + 5 }}</p>
  7. <p><b>备注:</b> 即使没有 ng-cloak 指令,这个示例也可能不会闪烁,但它展示了如何在 HTML 元素中包含该指令。</p>
  8. </div>
  9. </body>
  10. </html>

定义与用法

ng-cloak 指令防止文档在加载 AngularJS 时显示未完成的 AngularJS 代码。

AngularJS 应用程序可以在加载应用程序时使 HTML 文档闪烁,在执行所有代码之前,先显示 AngularJS 代码一秒钟。使用 ng-cloak 指令来防止这种情况。


语法

  1. <element ng-cloak></element>

由所有 HTML 元素支持。


参数值

ng-cloak 指令没有参数。

分类导航