RXJS: How to combine into an array multiple HTTP Requests that returns an object

Question

Hi I have a method that returns an object, I plan to call n number of times and combine into an array after making the last successful call.

  public getActivity({minprice, maxprice, type}: QueryParams) {
    const url = `${BASE_URL}?minprice=${minprice}&maxprice=${maxprice}&type=${type}`;
    return this.httpClient.get(url);
  }

I'm not really sure on how to do it in rxjs but my expected output would be like this:

activities = [{
  fetchedItemId: 1
},
{
  fetchedItemId: 2
},
{
  fetchedItemId: 3
}
]

deathknight256 · Accepted Answer · 2019-12-16 01:28:37Z

1

  getActivity() {
    from(new Array(5))
    .pipe(
      mergeMap(() => this.appService.getActivity(this.filter)),
      filter((activity: Activity) => !activity.error),
      toArray(),
    )
    .subscribe((activities: Activity[]) => {
      this.activities = activities;
    });
  }

I managed to solve it with a combination of pipe, mergeMap, filter and toArray

answered Dec 16, 2019 at 1:28

deathknight256

3352 gold badges6 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

RXJS: How to combine into an array multiple HTTP Requests that returns an object

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related