javascript - ngCloak 指令不起作用

Question

我已经使用了这样的 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>

当我刷新页面时，它显示未编译的原始数据，例如 {{note.$hashkey}}。我不知道我做错了什么。

Answer 1

您可以将以下 CSS 规则添加到 html 文件的 head 部分，以确保这些规则在加载时立即可用。

[ng\:斗篷], [ng-斗篷], [data-ng-斗篷], [x-ng-斗篷], .ng-斗篷, .x-ng-斗篷 {
显示:无!重要；
}


否则，当您加载 angular.js 文件时，它们将被激活，这通常来得太晚，无法阻止原始模板的显示。