ngCloak指令不工作
ngCloak指令不工作
提问于 2016-05-05 11:33:13
我已经像这样使用了ngCloak指令
<div ng-repeat="note in ctrl.notes1">
<span class="ng-cloak">{{note.$$hashKey}}</span>
<span class="label" ng-bind="note.label"></span>
<span class="author" ng-bind="note.done"></span>
</div>当我刷新页面时，它将显示未编译的原始数据，如{{NO.HashKey}}。我不知道我做错了什么。
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-05-05 12:00:59
您可以将以下CSS规则添加到html文件的head部分，以确保这些规则在加载时立即可用。
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }
否则，在加载angular.js文件时，它们将被激活，这通常为时已晚，无法阻止原始模板的显示。
Stack Overflow用户
发布于 2016-05-05 11:57:17
使ng斗篷工作的css规则由angular.js文件嵌入。因此，如果它包含在html文件的末尾，它可能不会像预期的那样工作。
您可以通过将以下脚本标记移动到html的head部分来修复它：
<script src="angular.js"></script>也可以将以下css规则添加到html的head部分中包含的css文件中：
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37049525
复制相关文章
相似问题
腾讯云开发者
