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>

Answer 2

您也可以尝试在您的视图中使用 ng-bind 而不是 {{}}。这总是可能的，即使在您的代码中也是如此：

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

ng-bind的优点请参考this topic

AngularJS : {{ }} codes show for a split second