在Angular 8中,如果响应式表单中的错误验证消息未显示,可以按照以下步骤解决:
*ngIf
指令在表单控件周围包装一个div
元素,并使用formControlName
指令将表单控件与响应式表单关联起来。
Email is required.
Invalid email format.
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
myForm: FormGroup;
ngOnInit() {
this.myForm = new FormGroup({
email: new FormControl('', [Validators.required, Validators.email])
});
}
}
ReactiveFormsModule
模块。
ReactiveFormsModule
模块。import { ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
// 其他模块
ReactiveFormsModule
],
// 其他元数据
})
export class AppModule { }
通过以上步骤,你可以解决响应式表单中错误验证消息未显示的问题。确保正确绑定和显示错误验证消息,并正确导入ReactiveFormsModule
模块。