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

需要更改以显示验证错误。