Angular 反应式表单 - 当子 FormGroup 更改时手动触发父 FormGroup 的验证

# Angular 反应式表单中手动触发父 FormGroup 验证的实现方法

typescript
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
  selector: 'app-your-form',
  templateUrl: './your-form.component.html',
  styleUrls: ['./your-form.component.css']
})
export class YourFormComponent implements OnInit {
  parentForm: FormGroup;
  constructor(private fb: FormBuilder) { }
  ngOnInit(): void {
    this.parentForm = this.fb.group({
      // 定义你的父 FormGroup 中的控件
      // ...
      childGroup: this.fb.group({
        // 定义子 FormGroup 中的控件
        // ...
      })
    });
    // 监听子 FormGroup 的值变化
    this.parentForm.get('childGroup').valueChanges.subscribe(() => {
      // 手动触发父 FormGroup 的验证
      this.parentForm.updateValueAndValidity();
    });
  }
  // 其他方法和逻辑
}