从浏览器控制台调度 ngrx 操作答案

【问题标题】：Dispatch ngrx actions from Browser console从浏览器控制台调度 ngrx 操作
【发布时间】：2017-05-02 07:56:34
【问题描述】：

我正在使用 Angular2/ngrx 开发一个应用程序。出于调试目的，我想从浏览器控制台调度 ngrx 操作。有没有办法从浏览器 js 控制台访问商店和应用程序的其他部分？

【问题讨论】：

【解决方案1】：

另一种选择是手动将存储添加到全局窗口对象window.store = this.store，从它可用的地方，例如应用组件。

您将能够在控制台中执行window.store.dispatch(...) 或window.store.subscribe(state => doSomethingWithState)。

这可能看起来很老套，但它最简单的方法不依赖于插件、库等，这对于开发环境来说可能已经足够了。

【讨论】：

你建议的作品..有点。从命令行调度一个动作后，该动作不会执行，直到我通过与 webapp 交互使用普通 web 触发另一个调度。但是，然后执行手动分派的操作。任何想法为什么？

【解决方案2】：

使用 redux devtools chrome 插件，您可以调度操作。在“锁定”旁边的底部有一个按钮，显示图像中显示的输入。

【讨论】：