如何使用子组件中的动态数据填充angular 2表单？

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    <app-child [initialData]="initialData" (dataChange)="onDataChange($event)"></app-child>
  `
})
export class ParentComponent {
  initialData = { name: 'John', age: 30 };

  onDataChange(updatedData: any) {
    console.log('Updated Data:', updatedData);
  }
}

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

@Component({
  selector: 'app-child',
  template: `
    <form [formGroup]="form" (ngSubmit)="onSubmit()">
      <input formControlName="name" placeholder="Name">
      <input formControlName="age" type="number" placeholder="Age">
      <button type="submit">Submit</button>
    </form>
  `
})
export class ChildComponent {
  @Input() initialData: any;
  @Output() dataChange = new EventEmitter<any>();

  form: FormGroup;

  constructor(private fb: FormBuilder) {
    this.form = this.fb.group({
      name: '',
      age: null
    });
  }

  ngOnInit() {
    this.form.patchValue(this.initialData);
  }

  onSubmit() {
    this.dataChange.emit(this.form.value);
  }
}