angular - 如何取消订阅 ngrx/store？

Question

我有一个组件从订阅商店获取数据。

this.store.select('somedata').subscribe((state: any) => {
  this.somedata = state.data;
});

我想在组件不再存在时取消订阅，在我订阅一些可观察对象的其他地方，像这样:

this.service.data.subscribe(
   (result: any) => {//data}
);

我在 ngOnOnDestroy 上退订了它，像这样:

ngOnDestroy(){
   this.service.data.unsubscribe();
}

但如果商店我不能，它会给我错误:

Property 'unsubscribe' does not exist on type 'Store<State>'

Answer 1

有一种比得票最高的答案更好的方法，您无需管理一堆订阅，只需管理一个。然后，您可以拥有任意数量的订阅，而无需创建一堆不必要的变量。

  public ngDestroyed$ = new Subject();

  public ngOnDestroy() {
    this.ngDestroyed$.next();
  }

  public ngOnInit() {
    this.myWhateverObs$
        .pipe(takeUntil(this.ngDestroyed$))
        .subscribe((val)=> { this.whatever()});
    this.myWhateverNPlusOne$
        .pipe(takeUntil(this.ngDestroyed$))
        .subscribe((val)=> { this.whatever()})
  }