我有一个bike对象数组，我想根据bike对象的数量执行多个API调用，但我不认为使用for循环调用多个api是最好的方法。
是否有更好的首选项来执行此操作？

效果.ts

public getMyBikes = createEffect(() =>
    this.actions$.pipe(
      ofType(getBikes),
      withLatestFrom(this.store.select(getBikes)),
      switchMap(([_, bikes]) =>
        this.myService.getSelectedBikes(bikes).pipe(
          map(() => {
            return bikesSuccess();
          }),
          catchError((error: Error) => of(bikesError({ error }))),
        ),
      ),
    ),
  );

服务.ts

public getSelectedBikes(
    bikes: Array<Bike>,
  ): Observable<Bike> {
    for (let i = 0; i < bikes.length; i++) {
      this.http.get<Bike>(
        `${this.myUrl}/BikesInfo/${items[i].bikeId}`,
      );
    }
  }

我也试过有承诺的，但是我对效果中的可观察性有一些问题。

public async getSelectedBikes(
    bikes: Array<Bike>,
  ): Promise<Observable<Bike>> {
    for await (const bike of bikes) {
      this.http.get<Bike>(
        `${this.myUrl}/BikesInfo/${bike.bikeId}`,
      );
    }
  }