Angular 2(4)管理多个异步调用的响应的方法是什么

时间:2017-04-11 16:14:32

标签: angular typescript asynchronous loopback angular-loopback

我有一个简单的问题,我如何管理同步异步调用的响应?

解释:我有一个带有typescript的数组json循环,我在每次迭代中调用一个Loopback Api:

for (var i = 0; i < data.length; ++i) {
    this.dataApi.patchOrCreate(data[i]).subscribe((resp: any)=> {
        console.log(resp);
    }, (err: any)=>{
        console.log('ERR',err);
    });
}

问题在于每次通话的响应。如果所有回复都没问题,我想关闭模态。我怎么能这样做?

我尝试使用Observable.forkJoin,但问题是调用次数是动态的:

Observable.forkJoin(
    this.dataApi.patchOrCreate(data[0]),
    this.dataApi.patchOrCreate(data[1]),
    this.dataApi.patchOrCreate(data[2]),
).subscribe(result => {
    //Close modal
    console.log('response',result[0],result[1]);
});

感谢。

1 个答案:

答案 0 :(得分:1)

您可以创建一个数组字段,然后在循环时推送observable。然后在forkJoin

中使用此字段
myObservables = [];

constructor(...)
...

for (var i = 0; i < data.length; ++i) {
    this.myObservables.push(this.dataApi.patchOrCreate(data[i]));
}
...
Observable.forkJoin(
    this.myObservables
).subscribe(result => {
    //Close modal
    console.log('response',result[0],result[1]);
});