Mergemap Angular + firestore集合

Question

我开始使用angular了，我需要帮助来解决这个问题。我用的是一个火库数据库。

  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()将一组可观测对象组合成一个返回数组的单个可观测对象。