問題タブ [ngrx]

Angular 2.0 と NGRX でアプリを開発しています。私は React/Redux から来たので、まだいくつかのことを行う方法を考えています。

テンプレート内に何かを印刷したいときは、次のように書くことができます：

しかし、値が変更された後にいくつかのコードを実行したいと思います(ストアの値を入力として使用します(後でビューが変更されます))

componentWillReceivePropsReactでできることを知っています。

有用であることがわかった唯一のものは、次のようなものです。

私はそれがエレガントな方法だとは思いませんが、別の方法を理解することはできません.. 人々は私にサービスを使用するように言いました (それがこのケースにどのように適合するかわかりません) @Effects。それが私が探しているものかどうかわかりません。

ありがとう！

アプリでを使用していngrx/routerましたが、元に戻すか、これをコンポーネント ルーターに置き換えたいと考えていました。両方のモジュールに「ルーター」オブジェクトがあり、ルーターを次のように含めた場所に気付きました。

私は今持っています：

あちこちで抽出した他のアイテムですが、2つの主なエラーが発生し、別の方法を提供したり、私が持っている2つのエラーの解決策を提供したりできるかどうか疑問に思っていました...最初のエラーは

以前のルーターは見苦しかったので、次のような多くのことを行います。

2 番目の問題は、Angular Component Router にはpath()現在の URL を返す方法がないことです...Angular Component Router でこれを行う方法を知っている人はいますか。現在、ドキュメントを調べて、切り替え方法に関する記事を見つけようとしています。

よろしくお願いします。

Store.select は、私が観察したいストアのプロパティを彼に伝える文字列を取得する必要がありますが、問題は、彼がそれらのプロパティを持っていないことです。代わりに、状態プロパティを公開するプロパティとしてレデューサー関数があります。

https://github.com/ngrx/storeによって、何かがおかしいことに簡単に気付くことができます。

該当するコード:

私のコード:

次のコードは機能し、大きなエラーで必要なことを行います。

タイプスクリプトがこれらのエラーをスローするのはなぜですか? どうすれば修正できますか？

入力が更新されるたびに、DOM 要素の同じアニメーションを再度有効にしようとしています。

アニメーションは css クラスに割り当てられた css キーフレームとして定義されており、私が現在使用しているトリガーは、その css クラスを削除してから再割り当てすることであり、ブラウザーがそれを処理してレンダリングできるようにするためにわずかな遅延があります。新しいものを受け取る前に変更してください。これはせいぜい面倒で、エラーが発生しやすいように思えます。

私の理解では、Angular 2アニメーションとは正確には異なります。実際には異なる状態やそれらの間の遷移はなく、何度も何度も再アクティブ化したいアニメーションです。

「onComplete」などを公開しているため、必要なものをサポートしているように見えるこの記事に遭遇しましたが、最新のAngular RCに従って廃止されていることが判明しました。

何か不足していますか？ハードコーディングされた時間値にそれほど厳密に依存しないように、独自の「アニメーション」API を作成せずにエレガントに行う方法はありますか? また、可能であれば、パフォーマンス面でコストがかかりすぎないようにしたいと思います。

ご意見をお寄せいただければ幸いです。

これが、Plunkrでの現在のダミー実装です。

Ngrx と Angular2 を使用してモバイル アプリを構築しています。ユーザーがアプリケーションからログアウトするときにストアをクリアしたいですか? 誰でもこれを行う方法を知ることができますか?

ngrx.store と states を使用すると、バグ (?) に直面しています。

新しい状態をディスパッチすると、リデューサーが新しい状態を返した後、何も起こりません。サブスクライブはエラーメッセージを受け取りません。 switchMap を削除すると、コードが機能し、サブスクライバーは取得すべき値を取得します。

コードをできる限り最小化しました。

私の減速機：

switchMap を「import 'rxjs/add/operator/switchMap';」としてインポートしました。

私はこのようなngrxストアを持ってい export default compose(storeLogger(), combineReducers) ({ auth: authReducer, users: userReducer }); ます: サービスでは、次のことをしようとしています:

サブスクライブ以外のオペレーターは機能しません。なんで？

以前の値が現在の値と同じ場合に @Input 値の変更検出 (更新テンプレート) を実行する方法は?

デモ: https://plnkr.co/edit/Rvz2ElLjM20R3nC6ZQWt?p=preview

を使用してngrxいます。

ユースケース: 入力値が空の場合、ぼかしイベントの後に入力のデフォルト値を設定したい。

入力：

[value]="inputValue"-@Inputから取得したダム コンポーネントの値store -> format。storeこの方法でから値を取得します。

両方keyupとblurアクションを実行しますupdateFormat。

私の問題は、挿入された値が前の値と同じであった場合、blurイベントの後[value]="inputValue"が更新されないことです。storestore

例えば：

1) 値を保存: 22 => 入力値: 22 => 入力値をクリア (カット) => ぼかしイベント => 入力が空、既定値 (1) を保存に設定 => 値を保存: 1 => 入力値: 1

2) 値を保存: 1 => 入力値: 1 => 入力値をクリア (カット) => ぼかしイベント => 入力が空で、既定値 (1) を保存に設定 => 値を保存: 1 => 入力値: '' （空の）

それで、どうすればこれを修正できますか？

behaviorSubject を介してアクション パイプラインを定義し、ngrx/store を Observer としてサブスクライブする利点は何ですか?

例えば。