为什么我的动作不是按效果发送的？

Question

我有一个用于保存和编辑的组件 object。“保存”按钮在保存和编辑期间调用完全相同的操作。 虽然编辑一切正常，但在保存过程中没有发送操作。 该应用程序进入组件中的调度行，但仅此而已 - 未调用效果。 有人知道吗？

组件中的方法 - 保存和编辑的方法相同，但保存到带有“调度”的行但仅此而已，编辑从完全相同的行调用操作...此操作在 redux devtool 中调度两种情况。

  save() {
    if (this.formRoot.valid) {
      const formValue = this.formRoot.getRawValue();
      this.deviceFacade.dispatch(DeviceActions.saveDevice({ formValue }));
    } else {
      this.formRoot.markAllAsTouched();
    }
  }

Answer 1

如果您可以在开发工具中看到该操作，则可能意味着您的效果未注册。 使用 EffectsModule.forRoot EffectsModule.forRoot([])或EffectsModule.forFeature([])验证效果 class 是否已添加到模块中。 如果您使用的是EffectsModule.forFeature ，请仔细检查 Angular 模块是否已加载。

Answer 2

这可能是由于动作具有相同的动作类型，请考虑以下内容：

export const saveDevice = createAction('[DEVICE] Device', props<{payload: DeviceModel}>());
export const updateDevice= createAction('[DEVICE] Device', props<{payload: number}>());
export const deleteDevice= createAction('[DEVICE] Device', props<{payload: number}>());

正如您从我上面的示例代码中看到的那样，传递给 createAction function 的字符串是完全相同的，但它们需要不同，以便 ngrx 了解您正在谈论的操作。 因此，在这种情况下，您想将其更改为以下内容：

export const saveDevice = createAction('[DEVICE] Save Device', props<{payload: DeviceModel}>());
export const updateDevice= createAction('[DEVICE] Update Device', props<{payload: number}>());
export const deleteDevice= createAction('[DEVICE] Delete Device', props<{payload: number}>());

因此，如果您可以通过有用的操作来共享您的文件。

我还注意到您使用：

this.deviceFacade.dispatch(DeviceActions.saveDevice({ formValue }));

那也许很好，但我通常会这样做：

// Dont know if deviceFacade is alias for the injected Store
this.store.dispatch(saveDevice({ formValue }));

//Or in a older project we did use new :
this.deviceFacade.dispatch(new saveDevice({ formValue }));