要检查Angular中的FormControl是否为必填项,可以使用FormControl的validator
属性来添加自定义验证器。下面是一个示例代码,演示如何检查FormControl是否为必填项:
import { Component } from '@angular/core';
import { FormControl, Validators } from '@angular/forms';
@Component({
selector: 'app-my-component',
template: `
This field is required
`
})
export class MyComponent {
myControl: FormControl;
constructor() {
this.myControl = new FormControl('', Validators.required);
}
}
formControl
指令将FormControl与input元素绑定,并使用hasError
方法检查是否有required
错误。如果有错误且FormControl已触摸过(touched),则显示错误消息。在上面的示例中,我们使用了Validators.required
验证器将FormControl设置为必填项。这将在验证时检查FormControl的值是否为空。
请注意,这只是一种解决方法,您可以根据实际需求使用不同的验证器和错误消息。