如何处理组件内部的 stroe 调度错误 Ngrx答案

【问题标题】：How to handle stroe dispatch error Ngrx inside component如何处理组件内部的 stroe 调度错误 Ngrx
【发布时间】：2021-07-23 06:49:54
【问题描述】：

我有这样的事情

  public addNewFilter(): void {
    this.store.dispatch(new FilterActions.CreateFilter(this.addFilterForm.value));
    this.activeModal.close();
  }

我遇到的问题是我不想采取行动 this.activeModal.close(); 如果 store.dispatch 返回错误，那么我该如何管理这个?我知道它可以在内部效果中处理，但我在组件中有模态？

【问题讨论】：

【解决方案1】：

这违背了 NgRx 的设计。 modal 的状态应该依赖于应用程序的状态，并通过一个 observable 来监听这个状态。你自己说的，可以在 effect 里面处理。

和

【讨论】：

【解决方案2】：

您需要跟踪在单独状态下调度的操作的状态，并仅在该状态更改为成功时关闭模式。在这里查看我的答案是否有同样的问题here，stackblitz 示例here

【讨论】：