Angular FormGroup如何进行数据校验？

在Angular中，`FormGroup` 是用于组织一组相关表单字段的数据结构。它提供了一种有效的方式来验证整个表单是否符合特定规则。以下是使用 `FormGroup` 进行数据校验的基本步骤：

1. **创建FormGroup**: 首先，你需要为每个表单字段创建一个`FormControl`实例，并将它们添加到`FormGroup`对象中。

this.form = this.fb.group({
  field1: new FormControl('', [Validators.required]),
  field2: new FormControl('', [Validators.min(0)]),
});

这里，`Validators.required` 和 `Validators.min(0)` 是内置的验证器，分别用于检查字段是否为空和数值是否大于等于零。

2. **设置验证规则**: 可以直接在`FormGroup`上应用验证规则，也可以通过`addControl`动态添加并配置验证。

this.form.addControl('field3', new FormControl('', [this.customValidator()]));

这里的`customValidator`是你自定义的验证函数。

3. **触发验证**: 使用`form.valid`、`form.invalid`属性可以检查整个组的合法性。当用户交互（如提交按钮点击）时，通常会触发`ngSubmit`事件，这时Angular会自动验证表单。

4. **处理错误反馈**: 当验证失败时，你可以获取到错误信息，并显示给用户。`get()`方法返回的是一个包含错误信息的对象，例如`this.form.get('field1').errors`。

console.log(this.form.get('field1').errors);