問題タブ [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 に答える
256 参照

angular - リンクをクリックした後、URL は変更されますが、ナビゲーションは開始されません

最近、angrx のルーターから angular2 のルーターに移動しました。また、angular 2 rc4 を使用しています。

私のルートは次のようになります。

HashGuard には 1 つの関数 (およびコンストラクター) しかありません。

同様に、HasSelectedGuard には関数が 1 つしかありません。

私が持っているべきであるように、私は必要なものは何でもブートストラップしています:

複数のリンクを持つ sidemenu コンポーネントがあり、他に appRoute1 と appRoute2 があります。

リンクの 1 つをクリックすると、想定どおりに URL が変更されますが、ページ自体は読み込まれません (クリック後にリクエストが送信されず、コンポーネントのコンストラクターが読み込まれません)。

助けていただければ幸いです。

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

angular - Redux を使用した Angular2 - DOM 調整

Angular2Reduxを使用して新しいプロジェクトを開始しています。

不変オブジェクトとして、状態が変更されると、新しいオブジェクトが作成され、Angular はすべての DOM を再描画します。アクションが入力要素によってディスパッチされた場合、フォーカスは失われます。
動作を再現するためにサンプル plunk をフォークしました: http://plnkr.co/yb53ij

実際のアプリでは、フォーム API の「.debounceTime()」を使用しましたが、これはユーザー エクスペリエンスに適していないようです。これを回避する方法はありますか、それとも何か不足していますか?

レデューサーコード:

ありがとうございました!

0 投票する
4 に答える
35387 参照

rxjs - #ngrx の例での SwitchMap と MergeMap

以下は、Ngrx の例のコードswitchMapですmergeMap。それは、最初の @Effect がネットワークを処理しているためであり、switchMap実行中の場合は前のネットワーク リクエストをキャンセルできるためですか?

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

angular - 常に未定義を返す ngrx Observable の変数にアクセスする

私は次のものを持っています:

language.component.ts

custom-validator.ts

エラーは onPropertyChanged() によって生成されますが、language.component.ts で値が割り当てられる msg 変数は常に未定義です。

どうすればこれを修正できますか? どんな助けでも大歓迎です。

ありがとう

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

angular - Ngrx、RouteParams にサブスクライブすると、余分な未定義の値が出力されます

ngrx/ルーターを使用しています。この場合、呼び出されたルート パラメータを「摘み取り」、変更するexternalIdたびexternalIdに、ユーザーを別のルートに送りたいと考えています。

ただし、それらを別のルートに送信するたびに、新しいルートにない場合でもsubscribe、ブロックが再度実行されます。externalId

理由はありますか?

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

javascript - エラーの原因となるreduce関数

Chrome コンソールに表示されるエラー:

reducer.ts: *something1 の戻り値の型と状態型の適切な型が見つかりません。

main.ts: "provideStore({something1})" を削除すると、アプリが動作するようになります

0 投票する
3 に答える
4625 参照

angular - ダムコンポーネントはどの程度「ダム」であるべきですか?

スマート/ダンプ コンポーネントを使用して Redux (NgRx) アプリを構築していますが、ダム コンポーネントをどのように「ダム」にするかを決めるのに苦労しています...

たとえば、ダム コンポーネント( ) を含むスマート コンポーネント( posts) があり、ダム コンポーネント( )post-listが含まれています。ここまでは、すべてが良さそうです。post

いくつかのボタンを表示するには、ユーザーが存在するかどうかを知る必要があり、プロパティを からまでずっとadmin渡す必要があります。adminpostspost

postダム コンポーネントをストアに接続して、ダム コンポーネントから直接取得できますか。それとも、この場合のコンポーネントはもう馬鹿げていますか? 次のようになります。

これにより、冗長性が大幅に節約されると思います。これは良い習慣ですか、それとも悪い習慣ですか?

0 投票する
3 に答える
788 参照

javascript - ストアは非同期パイプへの変更を発生させません

app.component.html で、ストア内の接続ユーザーを別のユーザーに更新した後に提示する新しい値 (アカウント) を取得するカスタム コンポーネント (contact-table コンポーネント) を作成します。

app.component.html:

app.component.ts:

AppComponent クラスのサブスクリプションはうまく機能し、更新があれば起動します。

問題は、app.component.html の非同期パイプが新しいアカウントを contact-table コンポーネントに送信しないことです。彼は更新の通知を受けていないと思います。

contact-table コンポーネントに何が送信されているかを確認しようとしましたが、contact-table コンポーネントの最初の作成で値が 1 つしか取得されず、未定義であることがわかりました。レデューサー関数がアプリの初期状態用に空の Account オブジェクトを作成するため、それは不可能です。

私が見逃したことに気づいたことはありますか?