RXJS：如何将多个返回对象的 HTTP 请求组合成一个数组

Question

嗨，我有一个返回object的方法，我计划在最后一次成功调用后调用n次并combine成一个array 。

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

我不太确定如何在 rxjs 中做到这一点，但我的预期输出是这样的：

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

Answer 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;
    });
  }

我设法通过管道、mergeMap、filter 和 toArray 的组合来解决它