問題タブ [angular-reactive-forms]

FormBuilder for Angular を使用してチェックボックスがチェックされるまで、ボタンを無効にしたい。チェックボックスの値を明示的にチェックしたくないので、単純にチェックできるようにバリデーターを使用したいと思いますform.valid。

チェックボックスの下の両方の検証ケースで

動的に構築されたフォームを持つコンポーネントがあります。バリデーターを使用してコントロールを追加するコードは、次のようになります。

しかし、後で2 つ目の Validator を追加したいとしましょう。どうすればこれを達成できますか? このオンラインに関するドキュメントは見つかりません。フォームコントロールにはありますが、見つけましたsetValidators

しかし、新しいバリデータまたはカスタムバリデータを追加する方法は明確ではありません。

Reactive Forms を使用して Angular でフォームを作成しています。FormBuilder を使用してフィールドのグループを作成しています。テキストボックスの場合、これは非常にうまく機能します。しかし、ラジオ ボタンの formControl が見つかりません。

これはどのように作動しますか？<input formControlName="gender" type="radio">テキスト入力と同じように使用する必要がありますか?

Angular 2 のリアクティブ フォームについて質問があります。リアクティブフォームビューで2つのことをしようとしています:

1. 国名のドロップダウンにデフォルト値があります。

2. 国名フィールドの選択に基づいて、国コード入力フィールドを変更します。以下のhtmlをご覧ください。

国.ts

私のデータベースであるin-memory-data.service.ts

html

フォームのすべてのフィールドをタッチ済みとしてマークする方法がわかりません。主な問題は、フィールドに触れずにフォームを送信しようとすると、検証エラーが表示されないことです。コントローラーにそのコードのプレースホルダーがあります。
私の考えは単純です：

1. ユーザーが送信ボタンをクリックする
2. すべてのフィールドがタッチ済みとしてマークされます
3. エラーフォーマッタが再実行され、検証エラーが表示されます

新しいメソッドを実装せずに、送信時にエラーを表示する方法が他にある場合は、共有してください。ありがとう！

私の簡略化されたフォーム:

そして私のコントローラー：

私はAngular 2 のドキュメントを探していますが、 formGroupの使用方法に関するベスト プラクティスを見つける方法がありません。

formGroupを form タグで囲むことは必須ですか?

私はこのスタックオーバーフローの質問を見てきました:

formGroup には FormGroup インスタンスが必要です

このコンポーネント テンプレートを作成しました。

ネストされたフォームタグの使用を避けようとしています

<input type="text">要素のリストを表示するフォームがあります。それらはすべて、フォームが汚れるまで無効になる共通の保存ボタンを共有しています。次に、ユーザーが保存ボタンをクリックすると、データがサーバーに送信されます。サーバーがデータを正常に保存した場合は、フォームを元の状態にリセットしたいのですが、ユーザーが必要に応じてデータをさらに編集できるように、フォーム内のすべてのデータを保持したいと考えています。

検索したら方法がわかりましたNgForm.reset()。これにより、フォームが元の状態に設定されますが、残念ながらフォームもクリアされます。リセット メソッドには値パラメーターがあるようですが、それが何をするのかわかりません。それにもかかわらず、私はデータを消去したくありません。

私も試しmyForm.pristine = trueてみましたが、これにより何らかの理由でページがリロードされます。

これは、問題を示す plunkrです。

angular 2 リアクティブ フォーム formArray オブジェクトの初期値を設定しようとしています。

フォーム値の設定に使用される json オブジェクトには複数のエントリを持つ配列値が含まれていますが、最初のエントリのみが表示され、「form.value」も最初のエントリのみが表示されます。

構文(<FormGroup>this.myForm).patchValue(value, { onlySelf: true });を使用して、フォームに初期値を設定しています。

これは、問題を示すプランカーです: https://plnkr.co/edit/j1S80CmPBF1iHI5ViEia?p=preview

https://scotch.io/tutorials/how-to-build-nested-model-driven-forms-in-angular-2の例を使用してプランカーを作成しました。

私が間違ったことをしたアイデアはありますか？

私はそのような別の配列に配列を持っています:

typescriptを介して2番目の配列にアイテムを追加したい。2 番目の配列 (page_containers) にアクセスしようとしましたが、次のエラーが発生しました。

未定義のプロパティ「コントロール」を読み取ることができません

私の機能はそのようなものです：

この行で 2 番目のアレイに到達できないのはなぜですか?

何か案が？