Angular 4 afficher toutes les erreurs de validation d'entrée

Question

Je commence à créer ma première application Angular 4. Je suis en train de tester la validation du formulaire. J'ai créé un formulaire de modèle de pilote et j'ai ajouté quelques validateurs.

Maintenant, je veux afficher les erreurs de validation pour un champ. C'est mon code actuel:

<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> 

J'ai peur d'écrire ceci pour chaque entrée de mon formulaire! Est-il possible d'écrire quelque chose comme ça (bien sûr, j'ai essayé ce code, mais cela n'a pas fonctionné):

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

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

</div> 

Merci pour votre aide :)

Answer 1

Espérons que cela vous aidera.

Simple Solution but not a generic one.

Il doit être modifié pour afficher les erreurs de validation.