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＆＃34;不工作时＃34;它是由于没有附带的CSS：

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

Answer 2

直接来自angular docs：

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

该可选规则是：

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

无法让ng-cloak工作

2 个答案: