首页 > 解决方案 > 如何使用 NgRx 8 在 NgRx Store DevTools 中调度操作?

问题描述

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

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

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

Ngrx Store DevTools 调度程序

标签: ngrxredux-devtools

解决方案


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

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'
}

希望对你有效。


推荐阅读