angular - 使用 ngrx 从 Effect 访问 store

Question

我需要从效果访问商店状态，以便使用服务并过滤商店中的属性。

我读过有关名为 withLatestFrom 的运算符，但我尚未成功使用它。

如何访问我的filterTransports效果中的商店？

constructor(private store$: Store<fromFundamentalData.State>) {}


@Effect() filterTransports$ = this.actions$.pipe(
    ofType(fundamentalDataActions.FundamentalDataTypes.FilterTransports),
    mergeMap((action: fundamentalDataActions.FilterTransports) => this.filterTransportsService.filter(action.payload, action).pipe(
        map((transports: any) => (new fundamentalDataActions.FilterSuccess(transports))))
    ));

Answer 1

你可以这样做:

@Effect()
shipOrder = this.actions.pipe(
  ofType<ShipOrder>(ActionTypes.ShipOrder),
  map(action => action.payload),
  concatMap(action =>
    of(action).pipe(
      withLatestFrom(this.store.pipe(select(getUserName)))
    )
  ),
  map([payload, username] => {
    ...
  })
)

有关更多信息，请参阅 Start using ngrx/effects for this