問題タブ [ngrx]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Angular 2、@ngrx/store、@ngrx/devtools : ルーターにサブスクライブしてアクションをバインドしますか?
Angular 2 と @ngrx/store を使用するプロジェクトで使用しています。また、@ngrx/devtools を使用してデバッグし、この redux 実装の作業を支援しています。
angularのルーターをngrxのストアにバインドしたいと思います。したがって、アクションをディスパッチすることで現在のルートを更新できます。
環境
これは私がやったことです（動作しますが、これは私が望むものではありません）：
changeUrlはアクション作成者です。
したがって、Angular がルートの更新を検出すると、アクションがディスパッチされ、状態が更新されます。
そしてそれはうまくいきます！@ngrx/devtools を使用すると、アクションが正しくディスパッチされ、ストアが更新されていることがわかりますが、Angular がジョブを実行して redux を更新するため、これは私が望むものとは逆です。したがって、アクションをロールバックしても、ビューは更新されません。
それは簡単です ！
「私がしなければならないことは、アクション クリエーター内のナビゲーション リンクをクリックしたときにアクションをディスパッチし、Angular のメソッドを使用してリダイレクトすることだけです。」
うん。しかし、いいえ、次の理由により、それは良い方法ではないと思います。
<a [routerLink]="routeName">Link</a>Angularが提供するものは役に立たなくなります。Routerアクションクリエーターは基本的に関数であるため、AngularのDIを使用してアクションクリエーター内に注入するのは難しいようです。angular のコンポーネントではありません。
何をすべきか ？
これが質問です。Angular のルーターと @ngrx/store を正しくバインドする方法がよくわかりません。
angular - Observable モデル クラスをデータベース ストレージ用に変換する方法
ngrxの新機能。
http://lukajcb.github.io/blog/angular2/2016/04/02/frp-in-angular-2.htmlで記事を読みました
使用したモデルは次のとおりです。
記事を読んで理解しました。ただし、モデルを Firebase などのデータベースに保存する方法がわかりませんでした。プリミティブとプリミティブを含むオブジェクトを保存したいと思います。
これを実現する最善の方法について、合理的な選択肢を提案できる人はいますか?
ありがとう
angular - レデューサーの現在の状態を表示するには?
angular 2 の ngrx/store API について理解しようとしています。単純なカウンター リデューサーを実装しました。
カウンター値を表示したい：
テンプレートにカウンター、つまりリデューサー値を表示するにはどうすればよいですか?
githubリンク: https://github.com/dimitri-a/ngrx_newtoy
angular - Angular 2 Material 2 ラジオ ボタンのデフォルト選択
ラジオ ボタン グループがあり、ngRx Observable の値に基づいて選択したいと考えています。
私が持っているオブザーバブルの場合：
非同期パイプを使用して、Observable の最新/現在の値とラジオ ボタンの値を比較したいのですが、構文がわかりません...
npm - パッケージ rxjs@5.0.0-beta.6 は、兄弟の peerDependencies 要件を満たしていませんか?
angular 2 アプリに @ngrx/store モジュールをインストールしようとしています。npm install を使用していますが、次のエラーが発生します。
これは、rxjs@5.0.0-beta.2 の下位バージョンが必要なため、angular2 モジュールをアップグレードする必要があるということですか?
angular - Angular 2 ngrx ルート ビューの問題
を使用ngrx/routerしようとしていますが、タグ<route-view></route-view>を使用しようとすると、次のエラーが発生します。
キャッチされていない TypeError: undefined は監視できません
削除すると、エラーはなくなります。このため、明らかにルートを表示できません。クリックしてURLを変更できますが、そのコンポーネントのデータを表示する際に機能しない[link-to]場合は問題ありません。route-view
私はAngular 2、webpackを使用ngrx/routerしており、前述のように使用しようとしています。
angular - angular 2でストア（ngrx）を使用する利点は何ですか
angular 1.xxプロジェクトに取り組んでおり、コードをangular 2にアップグレードすることを考えています。
現在、私のプロジェクトには、データをjs配列（キャッシュとストレージの両方）にほとんど保持し、配列を処理するためにアンダースコアを使用してこれらのデータを処理するデータを処理するための多くのサービス（ファクトリー）があります。
ngrx を使用した angular2 の多くの例を見つけました。
ストア比較を使用してデータ サービスを使用してデータを処理する利点は何ですか?
複数のデータ タイプ (在庫、注文、顧客など) がある場合、アプリに複数のストアが必要ですか?
このような複数のデータ型を処理するようにアプリを構成 (設計) するにはどうすればよいですか?