角度4はすべての入力検証エラーを表示します

Question

私は最初のAngular 4アプリケーションを作成し始めています。フォームの検証をテストしています。私はテンプレートドライバーのフォームを作成し、いくつかのバリデーターを追加しました。

今、フィールドの検証エラーを表示します。これは私の実際のコードです：

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

私は私のフォームのすべての入力のためにこれを書くのは賛成です！それは（もちろん、私はこのコードを試してみましたが、それはうまくいきませんでした）そのような何かを書くことが可能です：

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

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

</div> 

ありがとうは、あなたの助け:)

Answer 1

うまくいけば、これはあなたを助けるでしょう。

Simple Solution but not a generic one.

これは、検証エラーを表示するために変更する必要があります。