Angular 遍历 httpClient

Question

我有一个多行网格，我正在执行批量操作 'Ex: deletion for multiple rows on 1 click' 所以我循环访问 httpClient 请求。所以如果我有 3 行，当第 3 个请求成功执行时，我想弹出一个 single 烤面包机说 'Saved Successfully'。现在的问题是，我将那个烤面包机代码放在 for 循环中，因此它会在每次成功 request.At 时同时显示 1 如果我将它放在循环之外，它将在订阅结束前触发。

for(let i=0;i<this.selectedData.length;i++){
  this.service.delete(
    this.multipleSelected[index].id
  )
  .subscribe(res => {
    this._ToasterService.success('Successfully Changed');
     
  });
}

Answer 1

使用forkJoin

const deleteRequests: any[] = [];
for (let i = 0; i < this.selectedData.length; i++) {
  deleteRequests.push(this.service.delete(this.multipleSelected[index].id));
}

forkJoin(deleteRequests).subscribe(res => {
  this._ToasterService.success('Successfully Changed');
});

Angular 遍历 httpClient

Angular Loop over httpClient

httpclient

angular