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

Angular 从浏览器控制台调度ngrx操作,angular,ngrx,Angular,Ngrx,我正在用Angular2/ngrx开发一个应用程序。出于调试目的,我想从浏览器控制台发送ngrx操作。是否有办法从浏览器js控制台访问应用程序的商店和其他部分?使用redux devtools chrome插件,您可以分派操作。 在“锁定”旁边的底部有一个按钮,显示图像中显示的输入 另一个选项是手动将存储添加到全局窗口对象window.store=this.store的可用位置,例如AppComponent 您可以在控制台中执行window.store.dispatch(…)或window.st

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

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


另一个选项是手动将存储添加到全局窗口对象
window.store=this.store
的可用位置,例如AppComponent

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


这似乎有点骇人听闻,但它是最简单的方法,不依赖于插件、lib等,这对于开发环境来说已经足够好了。

谢谢您的回答。我试试看。尽管如此,我想知道如何在控制台中实现这一点。devtools插件是如何实现这一点的?您使用的是webpack吗?是的,我使用的是angular cli,它反过来使用webpack您所建议的工作方式。。有点。从命令行分派操作后,直到我通过与webapp交互使用普通web触发另一个分派,该操作才会执行。然后,执行手动调度的操作。你知道为什么吗?