☰

動的に作成された入力にリアクティブフォームバリデータを追加/削除する 質問する

tag-icon • tag-icon angular angular2-forms
動的に作成された入力にリアクティブフォームバリデータを追加/削除する 質問する

Angular 4 でフォームを作成しました。このフォームでは、ユーザーがフォーム内の [追加] または [削除] ボタンをクリックして、フォームにフィールドを追加/削除できます。ngFor を使用して、配列 (追加関数によって拡大、または削除関数によって縮小) から画面上に HTML 入力を作成します。

HTML テンプレートでは、formControlName="control{{index}}" という形式で formControlName を追加して、新しい入力ごとにフォーム コントロールが含まれるようにすることができます。

しかし、どうすれば動的にバリデータの追加と削除これらの入力に対して?

ベストアンサー1

この文書を見ていただけますかhttps://angular.io/api/forms/AbstractControl#updateValueAndValidity、

コントロールの追加/削除にはこれらのメソッドを使用できます

コントロールの追加/削除

値とバリデータについては次のように使用できます

 this.form.controls['test_control'].setValidators([Validators.required])
 this.form.controls['test_control'].updateValueAndValidity()

おすすめ記事