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

希望这会对您有所帮助。

简单的解决方案，但不是通用的解决方案。

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