AngularJS：{{}}代码显示瞬间

Question

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

在我的情况下，{{ c }}显示在我的下拉列表中，这对我的用户来说非常奇怪。

我无法在我的案例中使用ng-bind因为我在ng-repeat html标记内显示option的变量。

这是代码，

<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>

请参阅this topic了解ng-bind

的优势