如何使用 NgRx 8 在 NgRx Store DevTools 中调度操作？答案

【问题标题】：How to dispatch an action in NgRx Store DevTools with NgRx 8?如何使用 NgRx 8 在 NgRx Store DevTools 中调度操作？
【发布时间】：2019-12-16 02:43:10
【问题描述】：

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

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

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

【问题讨论】：

标签： ngrx redux-devtools

【解决方案1】：

在我的简单应用中，我有以下操作：

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

希望它对你有用。

【讨论】：

谢谢，保罗。我确定我试过这个并没有用。我刚刚又试了一次，它奏效了。 ?
检查浏览器控制台。一旦一个无效的动作被调度，它就会产生一个异常，并且在 Redux Devtools 的调度之后不再工作。否则，只需从“原始”视图复制一个动作并将其复制到调度输入中即可获得工作示例。