Angular 4 zeigt alle Eingabevalidierungsfehler an

Question

Ich fange an, meine erste Angular 4 App zu erstellen. Ich teste die Formularvalidierung. Ich habe ein Template-Treiber-Formular erstellt und einige Validatoren hinzugefügt.

Jetzt möchte ich Validierungsfehler für ein Feld anzeigen. Das ist mein tatsächlicher Code:

<input 
    id="name" 
    name="name" 
    class="form-control" 
    required 
    minlength="4" 
    [(ngModel)]="name" #name="ngModel" > 

<div 
    *ngIf="name.invalid && (name.dirty || name.touched)" 
    class="alert alert-danger"> 

    <div *ngIf="name.errors.required"> 
    Name is required. 
    </div> 
    <div *ngIf="name.errors.minlength"> 
    Name must be at least 4 characters long. 
    </div> 

</div> 

Ich habe Angst, dies für jeden Eingang in meinem Formular zu schreiben! Ist es möglich, so etwas zu schreiben (natürlich habe ich versucht, diesen Code, aber es hat nicht funktioniert):

<div 
    *ngIf="name.invalid && (name.dirty || name.touched)" 
    class="alert alert-danger"> 

    <p *ngFor="let error on name.errors">{{error}}</p> 

</div> 

Danke für Ihre Hilfe :)

Answer 1

Hoffentlich wird Ihnen helfen.

Simple Solution but not a generic one.

Es muss für die Anzeige von Validierungsfehler geändert werden.