ngrx - 如何使用 NgRx 8 在 NgRx Store DevTools 中调度操作?

标签 ngrx redux-devtools

我已将我的 ngrx 代码更新到版本 8(使用 Action Creator 等),但我现在不知道如何在 NgRx Store DevTools 中使用 Dispatcher。

在我能够发送这样的操作之前:

{
    type: '[Something] something loaded',
    payload: {
        results: ['a', 'b', 'c']
    }
}

Ngrx Store DevTools dispatcher

最佳答案

在我的简单应用程序中,我有以下操作:

export const SaveUserInfo = createAction(
    '[User] Save user info',
    props<{ user: IUser}>()
);

和 IUser 模型
export interface IUser {
    name: string;
    money: number;
}

比在 DevTools 中我像这样发送:
{
  user: {
    name: 'coiso',
    money: 1000
  },
  type: '[User] Save user info'
}

希望对你有效。

关于ngrx - 如何使用 NgRx 8 在 NgRx Store DevTools 中调度操作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57411722/

相关文章:

javascript - 更新到最新的 Redux Dev Tools 扩展后,我得到 : "Symbol.observable as defined by Redux and Redux DevTools do not match."

redux - 如何在 Chrome Inspector 窗口中配置 Redux DevTools,以便元素堆叠而不是并排?

redux - 在 Redux DevTools 扩展中修改状态

angular - 故事书:在组件级别注入(inject)一个模拟的提供者/服务

rxjs - 需要帮助理解这个 Ngrx 效果

angular - 选择器 NGRX 内的调度操作

javascript - Redux Web 扩展 - 未捕获的类型错误 : Invalid attempt to spread non-iterable instance

angular - 如何使用旧的reducer函数添加createReducer

angular - 带有 AOT 编译器的 NGRX angular 5 reducer

javascript - 在源代码中使用 NODE_ENV 来控制 Webpack 的构建过程