javascript - Angular RXJS 返回 3 个可观察流的数组

Question

我需要使用以下 3 个流来创建每个流的数组。 IE:[homePage、mainNavigation、loan_originators]

但这仅返回mainNavigation

  const homePage = this.flamelinkService.getData('homePage');
  const mainNavigation = this.flamelinkService.getNav('mainNavigation');
  const loan_originators = this.catalogApiService.get('loan_originators', qry);

  return mainNavigation.pipe(
    concat( homePage, loan_originators),
    first(),
    tap( async navResolveData => {
      // navResolveData = navResolveData[0];
      _log('== Navigation Data Resolver ==> ', 't', navResolveData);
      if (isPlatformServer(this.platformId)) {
        this.transferState.set(INFO_KEY, navResolveData);
      }
    }),
  );

我在这里尝试 forkJoin。但什么也没有

  const homePage = this.flamelinkService.getData('homePage');
  const mainNavigation = this.flamelinkService.getNav('mainNavigation');
  const loan_originators = this.catalogApiService.get('loan_originators', qry);
  return forkJoin([homePage, loan_originators, mainNavigation]).pipe(
    first(),
    tap( async navResolveData => {
      // navResolveData = navResolveData[0];
      _log('== Navigation Data Resolver ==> ', 't', navResolveData);
      if (isPlatformServer(this.platformId)) {
        this.transferState.set(INFO_KEY, navResolveData);
      }
    }),
  );

Answer 1

在这种情况下您可以使用 forkJoin

forkJoin(
  [
   this.flamelinkService.getData('homePage'),
   this.flamelinkService.getNav('mainNavigation'),
   this.catalogApiService.get('loan_originators', qry)
  ]
).subscribe(([res1, res2, res3]) => {
       // do something
});