How can I be notified when an ngrx action / effect is complete in Angular5?

Question

In my component, I have

this.uploadService.onUpload({
  some: data
})

In my uploadService, I have

  onUpload($event: SubmissionFileUpload) {
    this.userDetails$ = this.homeService.getUserDetails();
    this.userDetails$.subscribe(
      res => {
        this.userDetails = res;
      });
    this.store.dispatch(new UploadActions.UploadPresignAction(this.userDetails.jwt, $event));
  }

How can my component be notified when the dispatched action is complete?

This might help: https://stackoverflow.com/questions/43226681/how-to-subscribe-to-action-success-callback-using-ngrx-and-effects — AT82, Mar 21 '18 at 18:17

score 3 · Accepted Answer · answered Mar 22 '18 at 12:34

We designed our app in this way.

Fire an action A -> Reducer or effect X listening to that action. X after finishing the job do the needful or fire another action B(Success case) or action C (failure case) that being listened by reducer or effect Y.

So in your case Reducer or Effect X/Y changes a state in the store that your component is listening to.

In other words, components know only about reading from the store and smart components firing an action too but not taking care of if an action went well or not.

How can I be notified when an ngrx action / effect is complete in Angular5?

1 Answers1