基本上我有一个包含元素列表的组件和一个详细信息组件,您可以在其中编辑或添加新元素。
在我通过 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);
}
}
最佳答案
好吧,就像你说的,这是一个异步请求。因此,如果您想在请求完成后执行某些操作,我建议将该逻辑移至 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
方法内部的回调执行之前运行。
关于typescript - 异步 HTTP 请求的顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38063658/