角度与角度通用与NGRX商店

时间:2017-10-09 15:13:59

标签: angular typescript ngrx angular-universal ngrx-store

Angular vs Angular Universal与NGRX 试图了解如何解决Angular Universal的@ngrx / store-devtools库。 我已经使用Angular Universal建立了这个项目,这是一个ng种子项目。

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

在代码中,您可以看到切换语言时有缩减器,但在devtools中,状态显示为空,因此无法理解它如何推送到状态或状态如何被管理。

1 个答案:

答案 0 :(得分:3)

您需要首先设置@ngrx/store-devtools模块,我只是在该种子项目上尝试了这个模块,它运行正常。

  1. 运行npm i @ngrx/store-devtools --save以安装模块。
  2. StoreDevtoolsModule.instrument()添加到CoreModule
  3. 中的结束导入数组
  4. 重建并投放(npm run build:universal-dev && npm run serve)。
  5. enter image description here