Angular 对比 Angular 通用 NGRX 商店

Angular vs Angular Universal with NGRX Store

Angular vs Angular NGRX 通用 试图了解如何解决 Angular Universal 的 @ngrx/store-devtools 库。 我已经使用 Angular Universal.

建立了这个项目,它是一个 ng 种子项目

它有语言切换器,但我似乎无法理解商店的运作方式。 Github 项目: https://github.com/ng-seed/universal

在代码中你可以看到当你切换语言时有 reducers,但是在 devtools 中状态显示为空,所以无法理解它是如何推送到状态或如何管理状态的。

你需要先设置 @ngrx/store-devtools 模块,我刚刚在那个种子项目上试过了,它工作正常。

  1. 运行 npm i @ngrx/store-devtools --save 安装模块。
  2. StoreDevtoolsModule.instrument() 添加到 CoreModule 中的末尾导入数组。
  3. 重建并提供服务(npm run build:universal-dev && npm run serve)。