2016-12-16 12 views
1

私はAngular2/ngrxでアプリケーションを開発しています。デバッグの目的で、ブラウザコンソールからngrxアクションをディスパッチしたいと思っています。ブラウザのjsコンソールからストアやアプリケーションの他の部分にアクセスする方法はありますか?ブラウザコンソールからngrxアクションを送信する

+0

ウェブパックを使用していますか? –

+0

はい、私は順番にwebpackを使用している角度cliを使用しています – paweloque

答えて

3

redux devtools chromeプラグインを使用すると、アクションをディスパッチできます。 「ロック」の横にある下部には、画像に表示されている入力を示すボタンがあります。

enter image description here

+0

あなたの答えをありがとう。やってみます。それにもかかわらず、私はコンソールでこれを行う方法が不思議です。 devtoolsプラグインはこれをどのように達成しますか? – paweloque

2

別のオプションは、手動で、例えば、それが利用可能だところからグローバルwindowオブジェクトwindow.store = this.storeに店舗を追加することですAppComponent。

window.store.dispatch(...)またはwindow.store.subscribe(state => doSomethingWithState)をコンソールで実行できるようになります。

これはハックですが、プラグイン、libsなどに依存しない、開発者の環境には十分に簡単なアプローチです。

+0

あなたが提案するものはちょっと。コマンドラインからアクションをディスパッチした後、通常のウェブを使用して別のディスパッチを起動するまで、アクションは実行されません。ただし、手動でディスパッチされたアクションが実行されます。なぜどんなアイデア? – paweloque

関連する問題