javascript - Angular : Adding the result of Http response to a map

Question

我正在从我的 Angular 应用程序同时发送多个 HTTP 调用。我想将 HTTP 调用的响应保存在 Map 中。

data: Map<number, any> = new map<number,any>();

------------------------------------------------------

this.transactions.foreach((url)=>{
   this.http.post(url,{})
                         .map(data => this.data.set(txnNumber, data))
})

现在由于同时发送HTTP请求，Map的检索和使用有可能发生冲突，所以会重新编写。我们如何同步它？

Answer 1

您可以使用 zip 运算符。创建一个包含交易索引的请求数组，并使用 zip 执行，当所有交易完成时使用 foreach 来获取交易数据。

data: Map<number, any> = new map<number,any>();

------------------------------------------------------

const requests = this.transactions.foreach((url, index)=> {
    return this.http.post(url,{})).map((response) => ({txNumber: index, response})
});
Observable.zip(...requests)
    .map((results: any[]) => {
        results.foreach((data) => this.data.set(data.txNumber, data.response))
    });