如何在angular中一次从多个子组件中收集数据？

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

@Component({
  selector: 'app-parent',
  template: `
    <app-child (dataEvent)="collectData($event)"></app-child>
    <app-child (dataEvent)="collectData($event)"></app-child>
    <button (click)="submitData()">Submit</button>
  `
})
export class ParentComponent {
  collectedData: any[] = [];

  collectData(data: any) {
    this.collectedData.push(data);
  }

  submitData() {
    // 处理收集到的数据
    console.log(this.collectedData);
  }
}

import { Component, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `
    <input type="text" [(ngModel)]="data">
    <button (click)="sendData()">Send</button>
  `
})
export class ChildComponent {
  data: any;

  @Output() dataEvent = new EventEmitter<any>();

  sendData() {
    this.dataEvent.emit(this.data);
  }
}