ngrx 效果：调度空动作

Question

如何让我的 ngrx/store 效果调度一个空操作？我正在运行 Angular 6/rxjs 6：

  @Effect()
  testEffect$ = this.actions$.ofType(FIRST_ACTION).pipe(
    map((x) => {
       if (x === y) {
          return new SECOND_ACTION;
       } else {
          fire.some.effect;
          return EMPTY;
       }
    })
  );

目前，我收到两个错误：Effect "testEffect$" dispatched an invalid action: [object Object]，然后是 TypeError: Actions must have a type property。

我找到了this answer，但它似乎不适用于 ng/rxjs 6。到目前为止，我已经尝试了以下方法（无济于事）：

EMPTY、Observable.empty()、Observable.of() 和 Observable.of([])、{ type: 'EMPTY_ACTION' }

任何帮助将不胜感激！我知道我可以使用{ dispatch: false }，但实际效果大约有五个结果，其中只有一个不使用动作，所以我宁愿最后一个也返回一些东西。

Answer 1

你可以使用过滤器

@Effect()
testEffect$ = this.actions$.ofType(FIRST_ACTION).pipe(
  filter(x => x === y),
  map( x => new SECOND_ACTION)
)

如果你还需要其他情况，你可以用dispatch: false写另一个效果

Answer 2

这是一个可能的解决方案：

@Effect()
  testEffect$ = this.actions$.ofType(FIRST_ACTION).pipe(
    tap((x) => { // do some side effect here
        if (x !== y ) {
            fire.some.effect;
        }
    }),
    filter((x) => x === y), // proceed only if condition is true
    map((x) => {
       return new SECOND_ACTION; // then return the needed action
    })
  );

Answer 3

这对我有用（ng6）：

@Effect()
boardOpened$ = this.actions$
  .ofType<BoardActions.Open>(BoardActions.OPEN)
  .pipe(
    withLatestFrom(this.store.select(BoardSelectors.getState)),
    map(([action, state]: [Action, BoardReducer.State]) => {
      return !BoardReducer.isLoaded(state)
        ? new BoardActions.Load()
        : EMPTY;
    })
  );

或

@Effect()
boardOpened$ = this.actions$
  .ofType<BoardActions.Open>(BoardActions.OPEN)
  .pipe(
    withLatestFrom(this.store.select(BoardSelectors.getState)),
    switchMap(([action, state]: [Action, BoardReducer.State]) => {
      return !BoardReducer.isLoaded(state)
        ? of(new BoardActions.Load())
        : EMPTY;
    })
  );