如何在构造函数中阻止订阅调用直到完成？

Question

如何阻止构造函数以等待 Http 调用返回数据？

constructor() {
  this.initRestData().subscribe();
  // wait for data to be read
  this.nextStep();
}

应用程序中的其他服务/组件需要通过 initRestData() 调用检索到的数据。 我只需要在启动时执行此操作。 如果有更好的方法来处理这个问题，那么 Observable 也可以。

Answer 1

您可以在subscribe或do -operator 中链接调用：

constructor() {
  this.initRestData()
    .do(receivedData => this.nextStep(receivedData)})
    .subscribe();
}

---

对于其他服务也依赖this.nextStep() ，您也应该将其实现为流：

private initialData$ = new BehaviorSubject<any>(null);
constructor() {
  this.initRestData()
    .do(data => this.initialData$.next(data))
    .switchMap(() => this.nextStep())
    .subscribe();
}

nextStep(): Observable<any> {
    return this.initialData$
        .filter(data => data != null)
        .take(1)
        .map(data => {
            // do the logic of "nextStep"
            // and return the result
        });
}