Angular Loop over httpClient

Question

I have a grid of multiple rows and I am doing a bulk action 'Ex: deletion for multiple rows on 1 click' so I am looping over the httpClient reuest. So if I have 3 rows, When the 3rd request is excuted successfully I wanna popup a single toaster saying 'Saved Successfully'. The problem now is that I am putting that toaster code inside the for loop so it shows up 1 every successful request.At the same time If I put it outside the loop it will be triggered before the subscription ends.

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

codeandcloud · Accepted Answer · 2021-09-14 13:52:04Z

1

Use 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');
});

answered Sep 14, 2021 at 13:52

codeandcloud

55.5k47 gold badges169 silver badges259 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular Loop over httpClient

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related