從瀏覽器控制檯調度ngrx操作

我正在使用Angular2/ngrx開發應用程序。出於調試的目的，我想從瀏覽器控制檯中調度ngrx操作。有沒有辦法從瀏覽器js控制檯訪問商店和應用程序的其他部分？從瀏覽器控制檯調度ngrx操作

2016-12-16 paweloque

你使用的是webpack嗎？ –

是的，我使用angular-cli反過來使用webpack – paweloque

使用redux devtools chrome插件，您可以調度操作。在「鎖定」旁邊的底部有一個按鈕，顯示圖像中顯示的輸入。

2016-12-16 14:49:25

感謝您的答案。我會嘗試一下。儘管如此，我想知道如何在控制檯中執行此操作。 devtools插件如何實現這一目標？ – paweloque

另一種方法是手動從適用情形，例如添加店全局窗口對象window.store = this.store AppComponent。

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

這可能看起來很詭異，但它最簡單的方法是不依賴於插件，庫等，這對開發環境來說可能是足夠好的。

2016-12-18 17:33:45

你提議的工作..有點。在從命令行分派一個動作之後，直到我通過與webapp交互來使用正常的網絡來觸發另一個分派時，動作纔會被執行。然後，然後執行手動分派的動作。任何想法爲什麼？ – paweloque

回答