如何访问效果中的状态树？ (@ngrx/effects 2.x)

Question

我正在将 @ngrx/effects 从 1.x 更新为 2.x

在1.x中，我有效地访问了状态树：

  constructor(private updates$: StateUpdates<AppState>) {}

  @Effect() bar$ = this.updates$
    .whenAction(Actions.FOO)
    .map(obj => obj.state.user.isCool)
    .distinctUntilChanged()
    .filter(x => x)
    .map(() => ({ type: Actions.BAR }));

现在2.x，它只给我行动。还有办法访问状态树吗？或者我应该避免这样使用，因为这不是一个好习惯？

  constructor(private actions$: Actions) {}

  @Effect() bar$ = this.actions$
    .ofType(ActionTypes.FOO)
    .map((obj: any) => {
      console.log(obj);              // here is action only
      return obj.state.user.isCool   // so it is wrong here
    })
    .distinctUntilChanged()
    .filter(x => x)
    .map(() => ({ type: ActionTypes.BAR }));

Answer 1

效果不必是 class 属性；它们也可以是方法。这意味着您可以访问注入到构造函数中的商店。

在撰写此答案时，属性声明和 public/private 构造函数的语义我不清楚参数。如果属性在构造函数之后声明，它们可以访问通过构造函数参数声明的 public/private 成员 - 因此您不必将效果声明为函数。

使用注入的存储，您应该能够使用像 mergeMap 这样的运算符来获取状态并将其与您收到的更新结合起来：

@Effect()
bar$(): Observable<Action> {

  return this.actions$
    .ofType(ActionTypes.FOO)
    .mergeMap((update) => this.store.first().map((state) => ({ state, update })))
    .map((both) => {
      // Do whatever it is you need to do with both.update and both.state.
      return both.update;
    })
    .distinctUntilChanged()
    .filter(x => x)
    .map(() => ({ type: ActionTypes.BAR }));
  }
}

我想这是否是一种好的做法是见仁见智的。读取状态 - 理想情况下通过编写 ngrx 样式的选择器 - 听起来很合理，但如果特定效果所需的所有信息都包含在它正在收听的操作中，它会更清晰。

Answer 2

另一种方法是使用 .withLatestFrom(this.store)。所以完整的代码是：

  constructor(
    private actions$: Actions,
    private store: Store<AppState>
  ) {}

 @Effect() bar$ = this.actions$
    .ofType(ActionTypes.FOO)
    .withLatestFrom(this.store, (action, state) => state.user.isCool)
    .distinctUntilChanged()
    .filter(x => x)
    .map(() => ({ type: ActionTypes.BAR }));

如何访问效果中的状态树？ (@ngrx/effects 2.x)

How to get access of the state tree in effects? (@ngrx/effects 2.x)

typescript

ngrx

angular