Combined response from multiple HTTP request from a loop

Question

I would like to make several HTTP request asynchronously, then combine all of the response together into an array.

Something like below:

getSamples(genes) {
        genes.forEach(gene => {
            //This is the HTTP get request from other service which returns an observable array
            this.vsal.getSamples(gene).subscribe(sampleRequest => {
                //I want to join all the responses into sampleIdsSource
                this.sampleIdsSource.next(sampleRequest.samples);
            },
            e => {
                this.error.next(e);
            })
        });  
    }

What's the best way to do this?

martin · Accepted Answer · 2019-03-20 07:35:09Z

5

Just turn each gene into an Observable and then forkJoin them. forkJoin will wait until all source Observable complete and will emit a single array with their results.

getSamples(genes) {
  const observables = genes.map(gene => this.vsal.getSamples(gene));
  return forkJoin(observable);
}

answered Mar 20, 2019 at 7:35

martin

97.4k26 gold badges205 silver badges237 bronze badges

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

Collectives™ on Stack Overflow

Combined response from multiple HTTP request from a loop

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