如何使用 NgRx 8 在 NgRx Store DevTools 中分派动作?

Seb*_*nis 4 redux-devtools ngrx

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

在我能够调度这样的操作之前:

{
    type: '[Something] something loaded',
    payload: {
        results: ['a', 'b', 'c']
    }
}
Run Code Online (Sandbox Code Playgroud)

Ngrx 商店 DevTools 调度程序

小智 5

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

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

和 IUser 模型

export interface IUser {
    name: string;
    money: number;
}
Run Code Online (Sandbox Code Playgroud)

比在 DevTools 中,我这样调度:

{
  user: {
    name: 'coiso',
    money: 1000
  },
  type: '[User] Save user info'
}
Run Code Online (Sandbox Code Playgroud)

希望对你有效。

  • 谢谢,保罗。我确信我尝试过这个但没有成功。我刚刚又尝试了一次并且成功了。 (2认同)