ngrx异步元减速器

Question

我有一个ngrx元减少器，可以调整动作的有效负载，如下所示：

export function doSomething(reducer) {
  return (state, action) => {
    action.payload = 'fred'
    return reducer(state, action)
  }
}

export const metaReducers: MetaReducer<State>[] = [doSomething]

这很好用。 但是，我希望有效负载由异步HTTP请求的响应决定。 像这样的东西：

export function doSomething(reducer) {
  return (state, action) => {
    // ASSUME THE HTTP SERVICE IS AVAILABLE AS MAKING THE HTTP SERVICE AVAILABLE IS NOT A PROBLEM (trying to keep the code simple for illustration)
    this.http.get('/some/data').subscribe((res) => {
      action.payload = res.data
      return reducer(state, action)
    })
  }
}

但这不起作用。 谁知道如何实现这一目标？ 谢谢

Answer 1

对此解决方案不满意，但这是一种解决方法。 如果有人知道如何编写异步元减速器，我会更高兴:)

此代码用于触发其类型以“请求”结尾的任何操作发出HTTP请求，然后触发“已加载”操作以使用HTTP响应填充存储。

例如，如果我发送：

行动“[任何]马铃薯要求”

它将发出HTTP请求：

请求HTTP GET / anything-potatoes

然后将获得响应和发送：

行动“[任何东西]土豆加载”以回应商店。

这意味着后端数据直接进入商店，我不需要为每个“请求”操作编写@Effect。

这可能会更简单，但是如果异步元缩减器是可能的，那么我不需要“加载”动作但可以在它击中减速器之前修改原始“请求”动作的有效载荷。

这是代码的主要代码：

@Effect()
requested$ = this.actions$.pipe(
  filter(action => action.type.endsWith('Requested')),
  map(action => ({
    action,
    path: getActionHttpPath(action),
    loadedAction: getLoadedAction(action)
  })),
  filter(obj => obj.loadedAction != null),
  tap(obj => debug('HTTP GET', obj.path)),
  mergeMap((obj) =>
    this.http.get(obj.path).pipe(
      map(res => ({...obj, res})),
      catchError(() => {
        return of({...obj, res: null})
      })
    )
  ),
  filter(obj => obj.res != null),
  map(obj => new obj.loadedAction(obj.res))
)