当Angular表单处于原始状态时,错误消息通常不会显示。要解决这个问题,可以通过以下步骤来显示错误消息:
import { Component } from '@angular/core';
import { FormControl, Validators } from '@angular/forms';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
nameControl: FormControl;
nameError: string;
constructor() {
this.nameControl = new FormControl('', Validators.required);
this.nameError = '';
}
}
.error-message {
color: red;
}
这样,当表单控件处于原始状态时,错误消息将显示为红色,并显示相应的错误提示。