Angular - 如何防止具有依赖可观察量的嵌套管道？

Question

为了保持代码干净，我尝试在可观察量方面防止嵌套管道。然而，我遇到了一个星座(见下面的代码)，我找不到没有办法的办法。请问有没有办法只用一根管道就可以解决这个问题？

示例代码:

class CannotSimplify {

  observableA(): Observable<number> {
    return of(1);
  }

  bDependentA(a: number): Observable<number> {
    return of(2 + a, 3 + a);
  }

  cDependentOnAAndB(a: number, b: number): Observable<number> {
    return of(a + b);
  }

  printResult(): void {
    this.observableA()
      .pipe(
        switchMap(a => this.bDependentA(a)),
        switchMap(b => this.cDependentOnAAndB(a, b)) // <-- error: a is undefined
      )
      .subscribe(c => console.log(c));
  }

}

我能想到的唯一解决方案是再次管道 this.bDependentOnA() 。有更好的方法吗？

提前致谢!

Answer 1

我认为你可以使用zip运算符。

this.observableA()
   .pipe(
     switchMap(a => zip(of(a), this.bDependentA(a))),
     switchMap(([a, b]) => this.cDependentOnAAndB(a, b))
   )

从 RxJs 版本 7 开始，zip 运算符 将替换为 zipWith。更多信息here .

this.observableA()
   .pipe(
     switchMap(a => this.bDependentA(a).pipe(zipWith(of(a)))),
     switchMap(([b, a]) => this.cDependentOnAAndB(a, b))
   )