无法在 Angular 中使用路由器状态组合最新

Question

我正在尝试使用 Ngrx 中的 combineLatest 在导航端执行操作，或在另一个订阅中更改状态。在我的组件的ngOnInit() 中，我有：

ngOnInit(): void {
    const routerSub = this.router.events.subscribe();
    const patientSub = this.patientService.state.subscribe();

    Observable.combineLatest(routerSub, patientSub, (routerEvent, patientState) => {
      console.log(routerEvent);
      console.log(patientState);
    });
  }

但是，我在routerSub 上有一个编译器错误：

“订阅”类型的参数不能分配给类型参数 '调度程序 |订阅 |承诺喜欢 | ArrayLike | ((...values: any[]) => {})'

我应该为combineLatest 提供路由器状态什么？

Answer 1

combineLatest 结合observables 并在所有可观察对象都具有要发出的最新值时发出最新值。所以你需要传入 observables，而不是订阅。所以你的代码应该改为

ngOnInit(): void {
    const routerSub = this.router.events;
    const patientSub = this.patientService.state;

    Observable.combineLatest(routerSub, patientSub, (routerEvent, patientState) => {
      console.log(routerEvent);
      console.log(patientState);
    })
    .subscribe();

}