ngrx 在效果期间调用两次 reducer

Question

我正在开发一个使用 ngrx 的 angular 应用程序。我已经定义了下面的约定来实现加载指示器：

每个实体的初始状态设置为空
在效果开始时将其设为空对象
在效果完成时用获取的数据填充它

现在我的效果之一是：

  @Effect()
  LoginUser$ = this._actions$.pipe(
    ofType<LoginUser>(EUserActions.LoginUser),
    switchMap((params) => { new LoginUserSuccess(<IUser>{}); return of(params); }), // for loading indicator to be shown
    switchMap((params) => this._userService.loginUser(params.payload)),
    switchMap((currentUser: IUser) => of(new LoginUserSuccess(currentUser)))
  )

但是第一个 switchMap 中的 reducer 调用没有发生。有什么问题。

Answer 1

一个效果是一个流，只会调度流中的最后一个动作。

对于你的情况，你可以在你的 reducer 中监听 LoginUser 并清空你的状态。

Answer 2

我终于通过其他方式解决了我的问题。我现在正在分派另一个动作，在主要动作中更新状态。例如，我是这样做的：

user.service.ts

export class UserService {
  constructor(private _store: Store<IAppState>) { }

  loginUser(model): void {
    this._store.dispatch(new AddBusy(EUserActions.LoginUser));
    this._store.dispatch(new LoginUser(model));
  }

  getAllUsers(): void {
    this._store.dispatch(new AddBusy(EUserActions.GetAllUsers));
    this._store.dispatch(new GetAllUsers());
  }
}

user.actions.ts

export class UserEffects {

  @Effect()
  LoginUser$ = this._actions$.pipe(
    ofType<LoginUser>(EUserActions.LoginUser),
    switchMap((params) => this._userLogic.loginUser(params.payload)),
    switchMap((currentUser: IUser) => { this._store.dispatch(new RemoveBusy(EUserActions.LoginUser)); return of(currentUser); }),
    switchMap((currentUser: IUser) => of(new LoginUserSuccess(currentUser)))
  )

  @Effect()
  getAllUsers$ = this._actions$.pipe(
    ofType<GetAllUsers>(EUserActions.GetAllUsers),
    switchMap(() => this._userLogic.getAllUsers()),
    switchMap((users: IUser[]) => { this._store.dispatch(new RemoveBusy(EUserActions.GetAllUsers)); return of(users); }),
    switchMap((users: IUser[]) => of(new GetAllUsersSuccess(users)))
  )

  constructor(
    private _userLogic: UserLogic,
    private _actions$: Actions,
    private _store: Store<IAppState>,
  ) { }
}

这很好地解决了我的问题。

ngrx 在效果期间调用两次 reducer

ngrx twice reducer call during effect

ngrx

ngrx-effects

ngrx-reducers