异步HTTP请求的顺序

Question

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

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

我使用Zone，以便调用ngOnInit。 Angular 2 ngOnInit未调用

问题是，元素列表通常不会使用新元素进行更新。 我想异步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方法内部的回调之前运行。