angularjs 设置默认值以在评估前显示

Question

我在现有网站上使用 angularJs 来实现非常简单的功能。

它是这样的

<div ng-app>
    <div ng-controller="TermsController">
        <input type="checkbox" ng-model="terms.agree" />
        <input type="submit" value="{{terms.label}}" .. />
    </div>
</div>

我在页面中间插入 angular 并且一切正常，除了 angular 加载速度很慢并且用户可以在 angular 评估其值之前看到 {{terms.label}} 片刻。

我试着做类似的事情

<input type="submit" value="Default value" ng-model="terms.label" .. />

但它从未更新提交按钮的值。无论如何，我敢打赌我见过这样的东西，但也许输入字段没有值属性，只有模型。

感谢有关如何在 angularJs 加载之前设置模板的任何指导。

我知道我可以设置一些预加载器并在 angular 加载后替换它，但是对于这个简单的任务来说，这似乎是一种矫枉过正。

感谢帮助

Answer 1

您可以使用 ng-cloak 隐藏元素加载期间的属性:

<div ng-app>
    <div ng-controller="TermsController" ng-cloak>
        <input type="checkbox" ng-model="terms.agree" />
        <input type="submit" value="{{terms.label}}" .. />
    </div>
</div>

引用: http://docs.angularjs.org/api/ng.directive:ngCloak