複数の入力フィールドに対して1つのFormControlを作成します。

Question

私はフォームを持ち、可変数の入力フィールドを含んでいます。彼らはすべて以下のように見えます。問題はただ一つが間違っているときに、フォームコントロールは、間違ったにすべての入力フィールドを検証する、ある

mFormControl = new FormControl('', [ 
    Validators.pattern("mypattern") 
]);` 

：

<mat-form-field style="width: 100%;"> 
    <input matInput placeholder="" type="text" 
      [formControl]="mFormControl"> 
</mat-form-field> 

私のフォームコントロールは次のようになります。私は間違ったテキストを含む入力フィールドだけが間違っているとマークしたいと思います。

誰かがそれを達成する方法を知っていますか？

Answer 1

複数の入力にFromGroupとFormBuilderを使用します。

https://codecraft.tv/courses/angular/forms/model-driven/

Answer 2

FormBuilder

を使用してみてくださいHtmlの

<mat-form-field [formGroup]="mFormGroup" style="width: 100%;"> 
    <input matInput placeholder="" type="text" 
      [formControl]="mFormGroup.controls['firstName']"> 
</mat-form-field> 

活字体

this.mFormGroup = formBuilder.group({ 
         firstName: [null, Validators.compose([Validators.required])] 
        });