如何防止把手“{{}}”在实际数据加载之前出现在 AngularJs 应用程序的 UI 中?

how to prevent handlebars "{{}}" from appearing in the UI in an AngularJs Application before actual data loads?

我有一个页面,其布局是根据 returns 一个长度为 10000s 的数组的 GET 请求生成的。所以,直到实际加载到某些组件的绑定,我才变得丑陋:

{{ binding-model }}

这造成了一种破旧的外观和感觉,我收到了用户对此的抱怨反馈。 没有办法防止这种情况吗? 在实际数据加载之前,绑定对象不能简单地显示为 "blank" 吗? 当这个怪物出现时,这是我的应用程序屏幕的瞬间快照:

有解决办法吗?

查看此指令:https://docs.angularjs.org/api/ng/directive/ngCloak

希望对您有所帮助。

如果您希望在数据加载之前让元素保持空白,您可以尝试使用 ng-bind

例如,如果你有这个:

<span>{{someData}}</span>

改成这样就可以了:

<span ng-bind="someData"></span>

ng-bind 允许您添加表达式,而不仅仅是范围数据,因此您几乎可以做任何您想做的事情