Mergemap Angular + firestore 集合

Question

我开始使用 angular，我需要帮助来解决这个问题。我正在使用 Firestore 数据库。

  getDiveSitesFrequentation(userId: string): void {
   this.getDives(userId)
    .pipe(map(dives => mergeMap(
     (dive: Dive) => this.diveSiteService.getDiveSite(dive.dive_site)
     .pipe(map(diveSite => { return dive.number + ' ' + diveSite.name }))
     ))).subscribe(v => console.log(v))

我需要控制台日志返回一个包含潜水编号和潜水地点名称的字符串数组。

但此代码仅返回 mergemap 函数。

有人可以帮我解决这个问题吗？

提前致谢。

Answer 1

你走在正确的道路上，我相信这会给你想要的：

  import { combineLatest } from 'rxjs';

  ...

  this.getDives(userId)
    .pipe(
      mergeMap(dives => {
        const diveSiteStringObservables = dives.map(
          (dive: Dive) => {
            return this.diveSiteService.getDiveSite(dive.dive_site)
              .pipe(
                map(diveSite => {
                  return dive.number + ' ' + diveSite.name;
                })
              );
          }
        );
        return combineLatest(diveSiteStringObservables);
      })
    ).subscribe(v => console.log(v));

关键是使用 combineLatest() 将一个 Observables 数组组合成一个 Observable，返回一个 Array。