Angular FormGroup验证器不在FormControl上保留setError

Angular中的FormGroup是一个表单组，它可以包含多个FormControl，用于对表单数据进行管理和验证。而FormControl是表单控件，可以表示表单中的各个输入字段，例如文本框、复选框等。

在Angular中，我们可以通过使用Validators模块中的内置验证器或自定义验证器来验证表单数据。对于FormGroup中的每个FormControl，我们可以通过调用其setError方法来设置验证错误信息。

但是需要注意的是，Angular中的验证错误信息并不是直接保留在FormControl上，而是通过FormGroup的errors属性来获取。当表单验证失败时，FormGroup的errors属性会被设置为一个对象，该对象的键是FormControl的名称，值是相应的错误信息。

下面是一个完整的示例代码：

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  myForm: FormGroup;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit(): void {
    this.myForm = this.formBuilder.group({
      username: ['', Validators.required],
      password: ['', Validators.minLength(6)]
    });
  }

  onSubmit(): void {
    if (this.myForm.valid) {
      // 表单验证通过，执行提交操作
      console.log('Form submitted');
    } else {
      // 表单验证失败，显示错误信息
      console.log('Form validation failed');
    }
  }
}

在上面的示例中，我们使用了FormBuilder来创建了一个名为myForm的FormGroup，并定义了两个FormControl，分别是username和password。username字段使用了required验证器，而password字段使用了minLength验证器。

在组件的模板中，我们可以通过访问FormGroup的controls属性来获取每个FormControl，并通过调用其getError方法来获取验证错误信息。例如，如果要显示username字段的错误信息，可以使用myForm.controls.username.getError('required')。

关于Angular表单验证的更多详细信息，以及推荐的腾讯云相关产品和产品介绍链接地址，您可以参考腾讯云文档中的相关内容：