formcontrol 设置校验规则

在Angular中，`FormControl` 是用于管理单个表单字段的数据和验证的最小单元。要为`FormControl`设置校验规则，可以使用`FormControl`构造函数或`setValidators()`方法。下面是一些常见的验证规则：

1. **基本验证规则**:
- `required`: 检查字段是否已填写，如果为空则视为无效。
- `min` / `max`: 对数字类型的值进行范围限制，如`Validators.min(5)`表示必须大于或等于5。
- `pattern`: 指定正则表达式来验证字符串格式，如`Validators.pattern(/^[A-Za-z]+$/)`允许字母字符。

const control = new FormControl('', [Validators.required, Validators.minLength(5)]);

2. **自定义验证规则**:
如果需要更复杂的验证逻辑，可以创建一个返回布尔值的函数作为验证器。例如，一个邮箱格式验证：

function isEmail(email: string): boolean {
  // 自定义正则表达式...
}

control.setValidators([isEmail]);

3. **错误消息**:
可以通过`setErrors()`方法来指定错误信息，当验证失败时，这个错误会被关联到`FormControl`。

control.setErrors({ customError: 'This email is invalid' });

4. **实时验证**:
通常在用户输入时就进行实时验证，可以配合`ngModelChange`事件或者`asyncValidator`属性。

control.valueChanges.subscribe(() => {
  if (control.invalid) {
    console.log(control.errors);
  }
});

control.setAsyncValidator(async (value: any) => {
  // 异步验证逻辑...
});