問題タブ [reactive-forms]
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.
angular - Observable を使用して Reactive Angular2 フォームを初期化するにはどうすればよいですか?
私の計画は、フォームの値を ngrx ストアに保存して、ユーザーがサイト内を移動し、必要に応じてフォームに戻ることができるようにすることです。アイデアは、フォームの値がオブザーバブルを使用してストアから再入力されるというものです。
これが私が現在行っている方法です:
ストアには、セレクター関数を適切に通過するのを見た初期値が与えられますが、フォームが作成されるまでに、その値が返されたとは思いません。したがってthis.recipe
、まだ定義されていません。
これは間違ったアプローチですか、それともフォームを作成する前にオブザーバブルが返されるようにすることはできますか?
angular - Angular2 リアクティブ フォーム - 他のコンポーネントのフォーム コントロール
フォームを含むコンポーネントがあり (これを予約フォームと呼びます)、別のコンポーネント内にある html フォーム内 (これをルックアップと呼びます) で追加のロジックを実行します。同じ機能を再利用したい。
問題は、formGroupName または formControlName 属性をルックアップ コンポーネントで動作させることができないように見えることです。
これは予約フォームのhtmlです
これはルックアップ コンポーネントの html です
コンソールに表示されるエラーは、
どんな助けでも大歓迎です!
angular - Angular2 の Reactives FormModule で FormGroup コントロールを無効にする
で使用Reactive FormsModule
していAngular2
ます。ここで、 のすべてのコントロールを無効にしたいと考えていますFormGroup
。すべてのコントロールでプロパティを使用できますreadOnly
が、近い将来新しいフィールドを追加する可能性があるため、より良い解決策ではありません。それで、要するにコントロール
を無効にする方法はありますか?FormGroup
angular - 自動保存リアクティブ Angular 2 フォームの検証を作成する方法。
自動保存リアクティブ Angular 2 フォームを作成する方法について提案が必要です。基本的にユーザーが値を入力すると、値が検証されるとフォームが自動保存されます。ここにコードがあります
3 つの入力フィールドには、Validators.required、Validators.minLength(10) があります。HTMLは次のとおりです。
Firebaseサーバーにアクセスして入力が変更されるたびに、フォームが保存されます。しかし、フィールドの1つが検証されたときにのみ保存したいのです。また、フィールド値が同じ場合、Firebase を呼び出したくありません (保存操作)。基本的に、ユーザーが愚かな送信ボタンをクリックせずに絶対に必要なときに、アクションを呼び出すデータベースを最小限に抑える必要があります。私はIonic 2 BTWを使用しています。では、次のような状況が考えられるとしましょう。
- 入力フィールドは最初に入力されますが、検証を満たしていません - saveForm が停止します。
- 最初の入力フィールドが入力され、検証を満たしていますが、2 番目のフィールドはまだ空です - saveForm 保存 (自動保存!!)
- 入力フィールド 2 番目が入力されましたが、検証に適合せず、フィールド 1 が変更されません - saveForm が停止します。
- 入力フィールド 2 番目は入力され、検証を満たしていますが、最初のフィールドは空です - まだ saveForm 保存 (AutoSave!!)
- ユーザーは最初にフィールドを編集しましたが、検証を満たしていません。2 番目のフィールドは変更されません - saveForm が停止します。
他の状況は考えられません。反応性/観察可能な反応性フォームでこれを構築する方法に関する提案はありますか?