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

Question

我有一个页面，其布局是基于 GET 请求生成的，该请求返回一个长度为 10000 的数组。因此，直到绑定到某些组件的实际加载，我才得到丑陋的：

{{ binding-model }}

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

有解决办法吗？

Answer 1

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

希望能帮助到你。

Answer 2

如果您希望在数据加载之前将元素保留为空白，您可以为此尝试ng-bind 。

例如，如果你有这个：

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

把它改成这个，你就准备好了：

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

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