問題タブ [reactive-forms]

私の計画は、フォームの値を ngrx ストアに保存して、ユーザーがサイト内を移動し、必要に応じてフォームに戻ることができるようにすることです。アイデアは、フォームの値がオブザーバブルを使用してストアから再入力されるというものです。

これが私が現在行っている方法です：

ストアには、セレクター関数を適切に通過するのを見た初期値が与えられますが、フォームが作成されるまでに、その値が返されたとは思いません。したがってthis.recipe、まだ定義されていません。

これは間違ったアプローチですか、それともフォームを作成する前にオブザーバブルが返されるようにすることはできますか?

フォームを含むコンポーネントがあり (これを予約フォームと呼びます)、別のコンポーネント内にある html フォーム内 (これをルックアップと呼びます) で追加のロジックを実行します。同じ機能を再利用したい。

問題は、formGroupName または formControlName 属性をルックアップ コンポーネントで動作させることができないように見えることです。

これは予約フォームのhtmlです

これはルックアップ コンポーネントの html です

コンソールに表示されるエラーは、

どんな助けでも大歓迎です！

で使用Reactive FormsModuleしていAngular2ます。ここで、 のすべてのコントロールを無効にしたいと考えていますFormGroup。すべてのコントロールでプロパティを使用できますreadOnlyが、近い将来新しいフィールドを追加する可能性があるため、より良い解決策ではありません。それで、要するにコントロール

を無効にする方法はありますか？FormGroup

自動保存リアクティブ Angular 2 フォームを作成する方法について提案が必要です。基本的にユーザーが値を入力すると、値が検証されるとフォームが自動保存されます。ここにコードがあります

3 つの入力フィールドには、Validators.required、Validators.minLength(10) があります。HTMLは次のとおりです。

Firebaseサーバーにアクセスして入力が変更されるたびに、フォームが保存されます。しかし、フィールドの1つが検証されたときにのみ保存した​​いのです。また、フィールド値が同じ場合、Firebase を呼び出したくありません (保存操作)。基本的に、ユーザーが愚かな送信ボタンをクリックせずに絶対に必要なときに、アクションを呼び出すデータベースを最小限に抑える必要があります。私はIonic 2 BTWを使用しています。では、次のような状況が考えられるとしましょう。

1. 入力フィールドは最初に入力されますが、検証を満たしていません - saveForm が停止します。
2. 最初の入力フィールドが入力され、検証を満たしていますが、2 番目のフィールドはまだ空です - saveForm 保存 (自動保存!!)
3. 入力フィールド 2 番目が入力されましたが、検証に適合せず、フィールド 1 が変更されません - saveForm が停止します。
4. 入力フィールド 2 番目は入力され、検証を満たしていますが、最初のフィールドは空です - まだ saveForm 保存 (AutoSave!!)
5. ユーザーは最初にフィールドを編集しましたが、検証を満たしていません。2 番目のフィールドは変更されません - saveForm が停止します。

他の状況は考えられません。反応性/観察可能な反応性フォームでこれを構築する方法に関する提案はありますか?