Angular，可观察管道限制？

Question

我正在我的一个路线守卫中这样做...

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> {
    // go through each check sequentially, stop process if one does throwError
    return of(true).pipe( // Is there a limit to operators in a pipe???
      switchMap(() => of(true)), // simplified for this post...usually call a function that returns
      switchMap(() => of(true)),
      switchMap(() => of(true)),
      switchMap(() => of(true)),
      switchMap(() => of(true)),
      switchMap(() => of(true)),
      switchMap(() => of(true)),
      switchMap(() => of(true)),
      // if any function returns throwError, we skip other checks
      catchError(() => of(false))
    );
  }

我运行出错了。如果列表中再添加一个 switchMap，VSCode 会告诉我... “类型 'Observable<{}>' 不能分配给类型 'Observable'。类型“{}”不可分配给类型 'boolean'.ts(2322)"

有人可以向我解释为什么会这样吗？想不通找相关问题

Answer 1

这在 this github issue 中有很好的解释。

它的要点是只支持 9 个运算符 - 任何更多，它将回退到键入 Observable<{}> 因为他们必须手动键入最多 9 个运算符的所有内容。

使用多个管道（在第 9n 个条目后保持类型安全）

如果您仍想保持类型安全但添加了 9 个以上的运算符，只需再次调用管道函数即可。

source$
  .pipe(
    tap(() => {}),
    tap(() => {}),
    tap(() => {}),
    tap(() => {}),
    tap(() => {}),
    tap(() => {}),
    tap(() => {}),
    tap(() => {}),
    tap(() => {})
  )
  .pipe(
    // Add the next operators after the 9nth here
    tap(() => {}) 
  )

手动声明结果类型

或者，您可以在末尾添加手动类型断言。但要注意：在第 9n 个运算符之后，类型将被推断为 Observable<{}>，实际上失去了类型安全性。

const source$:Observable<boolean> = of(true)
  .pipe(
    tap(() => {}),
    tap(() => {}),
    tap(() => {}),
    tap(() => {}),
    tap(() => {}),
    tap(() => {}),
    tap(() => {}),
    tap(() => {}),
    tap(() => {}),
    // Typesafety is lost here
    tap(() => {}),
    tap(() => {}),

  // Manually assert the type at the end 
  // Beware that the compiler will allow pretty much anything here,
  // so "as Observable<string>" would work, even though it'd be wrong.
  ) as Observable<boolean>;

Angular，可观察管道限制？

Angular, observable pipe limit?

visual-studio-code

angular

rxjs-observables