AngularJS与ngCloak的正确使用
AngularJS与ngCloak的正确使用
提问于 2013-06-13 13:27:56
引用有关ngCloak指令(http://docs.angularjs.org/api/ng.directive%3angCloak)的注释之一：
只有在您的"index.html“页面上才真正需要它，因为浏览器可能会在Angular有机会解析/编译它之前尝试呈现它。在运行时，当由于ng视图、ng包括等原因而引入内容时，它将在浏览器呈现之前由角进行处理。
我在jsFiddle中创建了一个示例来验证这一点，令我惊讶的是，在浏览器中呈现表达式之前，不会对其进行评估。我希望模板将首先被编译&链接，然后附加到DOM --事实并非如此。
这是否意味着模板中的每个{{expression}}也应该包装在ngCloak中以防止闪烁，或者我是否遗漏了什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-06-13 13:35:11
我的猜测是，警报允许浏览器在棱角完成工作之前呈现，添加一个带有0延迟的setTimeout显示一个呈现的模板：
http://jsfiddle.net/g/FLZZR/5/
function TemplateController ($scope) {
$scope.expression = "This should already be rendered...";
setTimeout(function(){
alert("... but it isn't.");
});
}附加注意:您不能期望模板在您发出警告时呈现，最好是隐藏的、角度上的使用脏检查来执行它的魔术，您必须让它“消化”您的更改，以便它们在DOM中显示出来。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17088303
复制相关文章
相似问题
腾讯云开发者
