angularjs - 如何推迟 View 渲染，直到从外部源加载某些数据为止？

Question

我的应用程序需要在初始化时从外部源将一些数据加载到 $rootScope 中。由于数据来自外部源，因此无法保证加载数据所需的时间。我想将 View 的渲染推迟到数据加载成功之后。有没有办法实现这个目标？

请注意，我没有为此应用程序使用 Angular 路由。

这是一个simplified demo

Answer 1

在不使用路由解析的情况下，没有一种干净的方法可以阻止 View 在异步操作完成之前呈现，但您可以编写自定义指令来完成相同的工作。

但是，如果这纯粹是为了用户体验，那么使用 ngShow 会很顺利:

<div ng-show="user.name">
  <!-- content won't be visible until data is set -->
</div>

这是更新的 Plunker:http://plnkr.co/edit/MXoQNWHvyp9aOXg0QOoC?p=preview