如果使用了模板驱动表单,则需要手动设置input元素的valid和invalid类。例如,在表单控件中使用ngClass,如下所示:
如果使用了响应式表单,则需要在FormControl的构造函数中设置该控件是否有效。例如:
username = new FormControl('', Validators.required);
isFieldValid(field: string) {
return !this.username.get(field).valid && this.username.get(field).touched;
}
get usernameInput() { return this.username.get('username'); }
然后在HTML中使用ngClass来设置valid和invalid类: