AngularJS ng-cloak 指令
实例
防止应用程序在页面加载时闪烁:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body><div ng-app=""><p ng-cloak="">{{ 5 + 5 }}</p><p><b>备注:</b> 即使没有 ng-cloak 指令,这个示例也可能不会闪烁,但它展示了如何在 HTML 元素中包含该指令。</p></div></body></html>
定义与用法
ng-cloak 指令防止文档在加载 AngularJS 时显示未完成的 AngularJS 代码。
AngularJS 应用程序可以在加载应用程序时使 HTML 文档闪烁,在执行所有代码之前,先显示 AngularJS 代码一秒钟。使用 ng-cloak 指令来防止这种情况。
语法
<element ng-cloak></element>
由所有 HTML 元素支持。
参数值
ng-cloak 指令没有参数。