Rxjs - combinelatest 后如何调用两个 httpService？

Question

我不知道这是否是更好的解决方案，但我需要一个订阅两个 ngrx 选择器并将其用作两个 http 服务的参数的 function，我使用了 combineLatest：

  combineLatest([this.selectedCompany$, this.account$]).subscribe(res => {
  this.idCompany = res[0]!.id;
  this.account = res[1];
  this.getDashboardCardService(this.account!.id.toString(), this.idCompany.toString(), 'time');
  this.getavailableSpaceService(this.idCompany).subscribe(res => {
      this.space = res;
  })

}).unsubscribe();

我使用 combineLatest 订阅两个 ngrx 选择器，在订阅中我需要使用这些值来执行两个 http 调用，getDashboardCard 和可用。 它有效，但我不喜欢它......这是更好的解决方案吗？

Answer 1

简而言之，您应该在.pipe(和combineLatest switchMap pipe调用另一个服务。

Answer 2

也许你可以用它来让你朝着正确的方向前进？

这里我使用了更高阶的可观察运算符（ concatMap ）；

combineLatest([this.selectedCompany$, this.account$]).pipe(
  concatMap(([company, account]) => forkJoin([
    this.getDashboardCardService(
      account!.id.toString(), 
      company!.id.toString(), 
      'time'
    ),
    this.getavailableSpaceService(company!.id)
  ]))
).subscribe(([res1, res2]) => {
  this.space = res2;
});