Erstellen Sie ein FormControl für mehrere Eingabefelder

Question

Ich habe ein Formular, das eine variable Anzahl von Eingabefeldern enthält. Sie sehen alle wie folgt aus.

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

Meine Form Control wie folgt aussieht:

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

Das Problem ist, dass die Form Kontrolle jedes Eingabefeld validiert zu falsch, wenn nur ein falsch ist. Ich möchte, dass nur das Eingabefeld, das den falschen Text enthält, als falsch markiert wird.

Hat jemand eine Idee, wie man das schafft?

Answer 1

Verwenden Sie FromGroup und FormBuilder für die mehreren Eingaben.

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

Answer 2

Versuchen zu verwenden Formbuilder

Html

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

Typoskript

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