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

Question

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

Answer 1

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

Answer 2

另一种选择是手动将商店添加到全球窗口对象window.store = this.store，从它可用的位置，例如AppComponent。

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

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