NGRX 5管道选择器

时间:2018-04-12 07:51:31

标签: ngrx ngrx-store

在medium.com上的this文章(2月13日)中,关于NGRX 5,他们提供了可管理的选择器。这让我想起了rxjs中有关可管理选择器的内容,它们不仅可以通过它的纯函数,兄弟来证明,而且还可以通过函数的方式在不同的情况下声明和重用,而不必每次都使用map然后调用letable函数。

所以我同意,这在rxjs中是一件好事,但为什么我们需要在ngrx中使用它 - 对于选择器。链接的文章显示以下示例:

import { Store, select } from '@ngrx/store';
import { Observable } from 'rxjs/Observable';

interface AppState {
  count: number;
}

@Component({
  selector: 'my-app',
  template: `
    <button (click)="increment()">Increment</button>
    <div>Current Count: {{ count$ | async }}</div>
    <button (click)="decrement()">Decrement</button>

    <button (click)="reset()">Reset Counter</button>
  `
})
export class MyAppComponent {
  count$: Observable<number>;

  constructor(private store: Store<AppState>) {
    this.count$ = store.pipe(select('count'));
  }
}

我们现在致电store.pipe(select(...)); 而不是store.select(Selector); - 收益在哪里?为什么我应该更改我的代码以使用此行为或至少开始使用可管理选择器?

1 个答案:

答案 0 :(得分:1)

在NgRx 7中,此弃用已恢复-see changelog