ngrx/effect 将数据传递给操作员

Question

我有一个场景，当服务失败时我必须获得传递的请求负载，这样我就可以 return 返回错误响应。我的代码如下所示。

@Effect() doGetEvents$: Observable<Action> = this.actions$
.ofType(EVENTS)
.switchMap((action) => {
  let eventDate = action.payload.date;
  return this.http.service(action.payload);
})
.map(res => {
  // success
  if (res.status) {
    return CustomActions.prototype.eventsResponse({ type: EVENTS_RESPONSE, payload: res.payload });
  }

  //failure
  return CustomActions.prototype.EventsErrorResponse({
    type: CustomActions.EVENTS_ERROR_RESPONSE,
    payload: {
      status: res.status,
      errorMessage: res.errorMessage,
      billDate: '10/01/2016', // <--- I need the eventDate got from the above switchMap
      errorType: CustomActions.EVENTS + '_ERROR'
    }
  });

});

我试过像

.switchMap((action) => {
   let eventDate = action.payload.date;
   return [eventDate, this.http.service(action.payload)];
 })

但这不会执行 http 调用，也不会 return 对 .map() 参数的响应。

还有一些选项可以使 eventDate 超出 Effects 的范围并在服务失败时分配它，但这不是一种更干净的方法，应该有某种方式传递数据，但不确定我错过了什么！

Answer 1

如果您想要包含来自负载的信息以及 HTTP 服务的结果，您可以使用 map 运算符，如下所示：

.switchMap((action) => {
  return this.http
    .service(action.payload)
    .map(result => [action.payload.date, result]);
})
.map(([date, result]) => { ... })

ngrx/effect 将数据传递给操作员

ngrx/effect passing data to the operators

javascript

ngrx

angular