Question

<form [formGroup]="registerForm" (submit)="onSubmit()">
    <label>Firstname:</label>
    <input type="text" formControlName="firstname">
    <p *ngIf="registerForm.controls.firstname.errors">This field is required!</p>
...

有没有办法让registerForm.controls.firstname.errors缩短一点？

Answer 1

一种方法是在表单组件中将较短的名称定义为AbstractControl属性。在相应的Component Class中，添加：

firstname: AbstractControl;

在构造函数中：

this.firstname = this.registerForm.controls['firstname'];

现在，您可以访问以下字段属性：

<p *ngIf="firstname.errors">This field is required!</p>

Source

Angular 2 RC6 Forms控件验证消息

1 个答案: