我想要多条错误消息,但不知道该怎么做..?在这里,我需要分别验证每个步骤,这就是我使用此步进器的原因
<form [formGroup]="formGroup" method="POST" #f="ngForm">
<mat-vertical-stepper #linearVerticalStepper="matVerticalStepper" formArrayName="formArray" [linear]="true">
<mat-step formGroupName="0" [stepControl]="formArray?.get([0])">
<mat-form-field>
<mat-label>Email</mat-label>
<input matInput formControlName="emailCtrl" required>
<mat-error>This field is required</mat-error>
<mat-error>Invalid Email</mat-error>
</mat-form-field>
</mat-step>
</mat-vertical-stepper>
</form>
表单生成器是:-
ngOnInit() {
this.formGroup = this._formBuilder.group({
formArray: this._formBuilder.array([
this._formBuilder.group({
emailCtrl: [
"",[
Validators.required,
//这是必填栏
Validators.pattern(
"^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)+$"
// 提供的电子邮件无效
)]
],
}),
])
});
}