typescript - 异步 HTTP 请求的顺序

Question

基本上我有一个包含元素列表的组件和一个详细信息组件，您可以在其中编辑或添加新元素。

在我通过 http 服务(this.myservice 基于文档 https://angular.io/docs/ts/latest/tutorial/toh-pt6.html 中的 hero.service.ts)向我的服务器添加元素之后。然后直接跳回element组件列表。

我使用 Zone，因此会调用 ngOnInit。 Angular 2 ngOnInit not called

问题是元素列表经常没有用新元素更新。我想异步 HTTP 请求的顺序搞混了。

一个好的解决方案应该是什么样的？

export class DetailElemComp {
    this.myService.addElem(this.elem)
      .subscribe(
        error => this.errorMessage = <any>error);
    this.zone.run(() => this.router.navigate(['ListComponent']));
}
export class ListOfElemComp {
    ngOnInit() {
        this.myService.getElems()
          .subscribe(
            elems => this.elems = elems,
            error => this.errorMessage = <any>error);
    }
}

Answer 1

好吧，就像你说的，这是一个异步请求。因此，如果您想在请求完成后执行某些操作，我建议将该逻辑移至 subscribe 的 onCompleted 回调 lambda 中。像这样的功能:

export class DetailElemComp {
    this.myService.addElem(this.elem)
      .subscribe(
        data => null,
        error => this.errorMessage = <any>error,
        () => this.zone.run(() => this.router.navigate(['ListComponent']))
      );
}

subscribe 调用下方的代码将在 subscribe 方法内部的回调执行之前运行。