无法让 ng-斗篷工作

Question

我有一个自定义指令，我在其中使用 {{}} 显示其中的值，但问题是当页面重新加载时，我在设置值之前在那里看到 {{}}。我尝试使用ng-cloak，但太糟糕了，它对我不起作用。在谷歌搜索之后，我发现了一篇文章，指出问题可能出在时间上：在加载大量内容时，角度需要时间来使用 ng-cloak。这是对的吗？我必须更改设置中的任何内容吗？我应该传递给ng-cloak的值吗？

这是我的自定义指令

<button ng-click="myCtrl.clicked()" ng-hide="myCtrl.conditionOne" ng-disabled="myCtrl.conditionTwo" class="{{myCtrl.class}}" ng-cloak>
    {{myCtrl.value}}
</button>

Answer 1

通常，当ng-cloak"不起作用"时，是由于没有随附的CSS：

[ng:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

Answer 2

直接来自角度文档：

为了获得最佳结果，必须在 html 文档的 head 部分中加载 angular.js 脚本;或者，上面的 css 规则必须包含在应用程序的外部样式表中。

该可选规则是：

[ng:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { 
    display: none !important; 
}