在现有应用程序中使用ngCloak的确切位置
在现有应用程序中使用ngCloak的确切位置
提问于 2015-12-21 12:34:39
我们有一个AngularJS应用程序(不是SPA)。我们面临的问题是，一些未编译模板的一部分被显示了片刻，所以我正在应用ngCloak指令到应用程序。
我不知道应该在哪里使用这个指令--每个单独的、小的元素或大的部分(或其他地方)。我目前正在做的是通过Chrome工具将连接控制到非常慢的速度，然后检查模板的哪些部分处于原始状态。但我觉得这不是一个非常确定的方法。
因此，我想知道使用ngCloak的确切位置。
谢谢。
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-12-21 12:44:39
将ngCloak应用于每个小元素肯定是错误的。
您通常希望将其应用于大的部分，或者应用到页面中使用角的整个部分。目标是隐藏这些部分的页面，直到角准备使用。
正式文件是这么说的：
该指令可以应用于
<body>元素，但首选用法是将多个ngCloak指令应用于页面的小部分，以允许浏览器视图的逐步呈现。
如果你不希望你的用户看到空白，你可以显示一个加载动画，直到角度完成加载。您可以通过给元素一个ng-show="false"指令来做到这一点：
<img src='/images/loading.gif' ng-show='false' />Stack Overflow用户
发布于 2015-12-21 12:44:38
请将以下代码添加到index.html的头部分
<style>
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
</style>也可以将相同的代码添加到css文件中。
谢谢
Stack Overflow用户
发布于 2015-12-21 12:47:58
如果没有ng斗篷，当您在angularJs呈现之前运行应用程序时，您将看到一些角代码，如“{myngModel}}或类似的东西，当您在项目中运行ng斗篷时，直到呈现完成时才会看到这些代码。”
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
display: none !important;
}<!DOCTYPE html>
<html ng-app="app">
<head>
<title>app</title>
</head>
<body ng-cloak>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34395832
复制相关文章
相似问题
腾讯云开发者
