typescript - Angular 2 在呈现应用程序之前加载数据

Question

在我的主要组件的 ngOnInit 中，我确实获得了一些全局设置:

ngOnInit() {
   this._service1.initGlobalData()
   this._service2.initGlobalData2()
}

这 2 个调用初始化 _service1 和 _service2，然后在我的应用程序的几个不同地方使用它们。我想确保在开始呈现我的应用程序之前完成这 2 个调用。

在 Angular 2 中有什么特定的方法可以做到这一点吗？

我想到的唯一解决方案是根据这两个 init 调用返回的 promise 设置一个微调器。

Answer 1

答案不是很受欢迎，但我认为最简单的方法是用 *ngIf="data" 包装你的模板，然后模板只会在 data 之后呈现> 已分配值。

路由器(取决于您使用的版本)可能具有生命周期回调，允许延迟添加组件，直到 promise 得到解决。