AngularJS:{{}}代码只显示一瞬间

Question

如何避免{{ }}代码显示当页面刚刚启动或加载AngularJS资源?

在我的例子中，{{ c }}显示在我的下拉菜单中，这对我的用户来说真的很奇怪。

我不能在我的情况下使用ng-bind，因为我显示了option html标签内的ng-repeat变量。

下面是代码，

<select ng-model="invoice.inCurrency">
    <option ng-repeat="c in invoice.currencies">{{ c }}</option>
</select>

Answer 1

把ng-cloak放在你的控制器定义处(或者任何你不想看到模板渲染的地方)。规范建议将其放置在页面的小部分):

<div ng-controller="MyCtrl" ng-cloak>

https://docs.angularjs.org/api/ng/directive/ngCloak

Answer 2

您也可以尝试在视图中使用ng-bind而不是{{}}。这总是可能的，甚至在你的代码中:

<select ng-model="invoice.inCurrency">
    <option ng-repeat="c in invoice.currencies" ng-bind="c"></option>
</select>

请参考本主题了解ng-bind