处理NGRX效应后的动作

一个效果应该返回一个新动作。

您具有进行API调用的效果,如果成功,您将返回一个操作,该操作将命中reducer以重置表单,然后还调用一个影响来发送通知。

reducers:
   successfullSubmit:
     const state = state.form = resetedform
     return state

effects
   formSubmit
     api.submitform
       on success return successfullSubmit
     catch
       on fail return submitFail
   successFullSubmit
     display notification

这就是表单提交的效果

  @Effect()
  formSubmit$: Observable<Action> = this.actions$
    .ofType(actions.formSubmit)
    .map(toPayload)
    .switchMap(formStuffs =>
      this.api.submitForm(formStuffs)
        .map(() => new FormSubmitSuccess())
        .catch(error => of(new FormSubmitError(error))) 
    );