問題タブ [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.

0 投票する
1 に答える
537 参照

angular - Angular2 のルートの const パラメータ

現在選択されている言語をルートに保存する必要があります。

例:

ルートにいくつかのプレフィックスを設定する簡単な方法はありますか、または各ルートに lang を設定する必要がありますか?

主なアイデアは、次のようなテンプレートに書き込むことです

しかし、その結果、ルーターには次のようなものがあります

PS私はngrx/routerを使用しています

0 投票する
1 に答える
701 参照

typescript - Angular2 rc.4 のアップグレードでテストが中断される - platformStrategy.getBaseHref は関数ではありません

Angular2 アプリを Release Candidate 4 にアップグレードしましたが、それ以来、新しいリリース候補バージョンで項目が導入または減価されたため、一部のテストを再設計する必要がありました。ただし、大量のテストが失敗するようになりました。理由はわかりませんが、次のエラーに悩まされており、理由はわかりません。これはテストの 50% で発生する必要があります。

したがって、何かが間違っているか、「@ngrx/router」: 「^1.0.0-beta.1」に問題があると思いますが、間違っている可能性があります。したがって、私のテストは次のようになります...(私が何をしているのかを理解するために、これを減らしてみました)。

アップグレード前はすべて問題ありませんでした。誰かに同様の問題がありましたplatformStrategy.getBaseHref is not a functionか?もう一度、Angular2 rc4、「karma-jasmine」: 「^1.0.2」および「@ngrx/router」: 「^1.0.0-beta.1」を使用しています。前もって感謝します。

**** アップデート ****

addProviders([])確かではありませんが、IDE に「addProviders のシンボルを解決できません」というエラーが表示されるため、問題は から発生していると思いますが、それはノード モジュールにあり、正しくインポートしています!

0 投票する
0 に答える
420 参照

typescript - ngrx/router を使用してロケーション変更時に Angular2 (rc.4) アニメーションを適用する方法

免責事項 - 私はここで漠然としていてかなり高レベルであることを知っていることに注意してください.

私は Angular2 を学習しようとしています。リリース候補 3/4 で提供された新しいアニメーション API を本当に使用したいと思っています。ドキュメントはこちら: https://angular.io/docs/ts/latest/guide/animations.html

さて、それはすべて非常に簡単に思えますが、アプリケーションの URL を変更する (子ビューに移動する) ときに CSS トランジションを適用したいのですが、main.ts コンポーネントまたは任意のコンポーネントで場所の変更イベントをキャプチャする方法がわかりません。animationsプロパティを追加したい場所。ドキュメントで示されている例では、@triggerName構文を使用してアニメーションを適用または切り替えていますが、ページ遷移をアニメーション化する場合にこれが適用できるかどうかはわかりません。

これが私の場合main.html

そしてこれは私の中にありましたmain.ts

@ngrx/router を使用していますが、これには LocationChange クラスが付属していることを知っています。アドバイスをよろしくお願いします... 良いチュートリアルへのリンクを知っていれば幸いです!

これは、AngularJS で達成しようとしている効果です: https://codepen.io/schonert/pen/InAzi

0 投票する
1 に答える
3747 参照

typescript - 循環依存をインスタンス化できません

@angular/routerで@ngrx/effectsを使用しています。(Angular 2 バージョン RC4)

private router: Routerエフェクトに次の行を追加すると:

次のエラーが表示されます。

例外: 循環依存をインスタンス化できません! (Token Application Initializer -> Token @ngrx/effects Bootstrap Effects -> Router -> ApplicationRef -> ApplicationRef_)

どうすればこれを解決できますか? ありがとう

0 投票する
1 に答える
11804 参照

angular - Angular2 ルーター VS ui-router-ng2 VS ngrx ルーター

新しい Angular2 ルーターの代わりにui-router-ng2を使用する利点と欠点は何ですか? 以前は、ネストされた状態/ルートをより適切にサポートする必要があるため、ngRoute を使用する代わりに Angular 1.x で ui-router を使用していました。

では、Angular2 はどうでしょうか。両方の機会を評価できるよう、ご連絡をお待ちしております。

その上、Googleで検索して検索すると、私が知らなかったngrx/routerが見つかりました。Angular2 の組み込みルーター、Angular2 の新しいui-routerngrx routerの違いを教えてください。

0 投票する
1 に答える
956 参照

angular - ストアの一部への @ngrx/store サブスクリプションと、他の部分への変更の検出を回避する

バックグラウンド

私の店のレデューサーの 1 つは、アプリ内で選択されたものを処理します。このストア ( と呼びましょうapp) のインターフェースは次のようになります。

したがって、別の「プロジェクト」が選択された場合にのみアクションを実行するサブスクリプションが必要です。私はこのようなものを書きました:

この関数は、selectedProject変更時に処理を行います。ただし、selectedPart変更時にも処理を行います。明らかにapp、マップに関係なく、ストア全体をリッスンします。それは理にかなっている。

質問

私はこれが起こることを望んでいません。変更時にのみ関数を実行したいselectedProject

これを解決するために、別のストアにselectedProject分割できることを知っています。selectedPartしかし、すぐに非常に多くの店舗ができてしまいます。たぶん、これが意図された方法ですか?

別の方法はありますか?selectedProjectこのインターフェイスを使用してストアを保持し、ストアの一部の変更のみを検出するサブスクリプションを持つことはできますか?