不能让斗篷工作

Question

我有一个自定义指令，其中我使用{{}}表示其中的值，但问题是当页面重新加载时，在设置值之前，必须看到{{}}。我试过用纳克斗篷，但可惜它对我没有用。在谷歌搜索这篇文章之后，我发现了一篇文章，指出问题可能是时间问题:在加载大型内容时，使用ng斗篷需要时间。是这样的吗？我需要在我的设置中改变什么吗？我应该把这个值传递给ng斗篷吗？

这是我的定制指令

<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

直接从角文档出发

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

这一可选规则是：

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