Rxjs：可租用运算符缺少属性错误

Question

升级到 Angular 5.0.0 后，我尝试在导入语句中使用 Lettable Operators，但出现此错误。

ERROR in src/app/components/hero-detail/hero-detail.component.ts(32,8): error TS2339: Property 'switchMap' does not exist on type 'Observable<ParamMap>'.

我从import "rxjs/add/operator/switchMap" 更改为import { switchMap } from "rxjs/operators"

如果在此代码块上失败：

  ngOnInit(): void {
    this.route.paramMap
      .switchMap((params: ParamMap) =>
        this.heroService.getHero(+params.get("id")),
      )
      .subscribe(hero => (this.hero = hero));
  }

有什么想法吗？

Answer 1

感谢@Jota.Toledo，我使用管道重写了代码块。这是工作代码。

  ngOnInit() {
    console.log(this.route.paramMap);
    this.route.paramMap
      .pipe(
        switchMap((params: ParamMap) =>
          this.heroService.getHero(+params.get("id")),
        ),
      )
      .subscribe(hero => (this.hero = hero));
  }