@ngrx 中的效果中的连锁动作

我在发出 HTTP 请求的 Effect 中一个接一个地链接操作时遇到一些问题。

效果代码如下：

export class UserEffects {

    @Effect()
    update$: Observable<Action> = this.actions$.ofType(user.USERCHANGE).pipe(
        switchMap(data => this.authService.login(data['payload'])),
        map(userInfo => new UserChangedAction(userInfo)),
        tap(() => this.store.dispatch(
             new LoginStateChangeAction(localStorage.getItem('token')))
        )
    );

    constructor(private authService: AuthService, private actions$: Actions,
        public store: Store<fromRoot.State>) {}
}

问题是这两个操作同时被调用。 LoginStateChange 操作依赖于 UserChanged 操作来完成。

我怎样才能实现这个目标？

Thanks!

您可以返回多个操作，如 Austin 的帖子中所述：从 NGRX 效果分派多个操作

@Effect()
update$ = this.actions$.ofType(user.USERCHANGE).pipe(
  switchMap(data => this.authService.login(data['payload'])),
  switchMap(userInfo => [
    new UserChangedAction(userInfo),
    new LoginStateChangeAction(localStorage.getItem('token')),
  ])
);