小编D.D*_*and的帖子

Angular 4显示所有输入验证错误

我开始创建我的第一个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>
Run Code Online (Sandbox Code Playgroud)

恐怕要为表单中的每个输入都写上它!是否可以编写类似的内容(当然,我尝试了这段代码,但是没有用):

<div *ngIf="name.invalid && (name.dirty || name.touched)" class="alert alert-danger">
  <p *ngFor="let error on name.errors">{{error}}</p>
</div>
Run Code Online (Sandbox Code Playgroud)

感谢您的帮助:)

angular-validation angular angular-forms

5
推荐指数
1
解决办法
7790
查看次数