如何在angular中验证动态表单

import { Component, Input } from '@angular/core';
import { FormGroup } from '@angular/forms';

@Component({
  selector: 'app-dynamic-form',
  templateUrl: './dynamic-form.component.html',
  styleUrls: ['./dynamic-form.component.css']
})
export class DynamicFormComponent {
  @Input() formGroup: FormGroup;
}

<form [formGroup]="formGroup">
  <div *ngFor="let control of formGroup.controls">
    <label>{{ control.label }}</label>
    <input [formControlName]="control.name" [type]="control.type">
    <div *ngIf="control.invalid && control.touched" class="error-message">
      {{ control.errorMessage }}
    </div>
  </div>
</form>

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

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

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.formGroup = this.formBuilder.group({
      name: ['', Validators.required],
      email: ['', [Validators.required, Validators.email]],
      password: ['', Validators.minLength(6)]
    });
  }
}

<app-dynamic-form [formGroup]="formGroup"></app-dynamic-form>