如何在angular 2中将对象数组双向绑定到子组件

<app-child [data]="objectArray"></app-child>

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

@Component({
  selector: 'app-child',
  template: `
    <ul>
      <li *ngFor="let item of data">{{ item }}</li>
    </ul>
  `
})
export class ChildComponent {
  @Input() data: any[];
}

<app-child [data]="objectArray" (dataChange)="updateData($event)"></app-child>

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

@Component({
  selector: 'app-child',
  template: `
    <button (click)="changeData()">Change Data</button>
  `
})
export class ChildComponent {
  @Input() data: any[];
  @Output() dataChange: EventEmitter<any[]> = new EventEmitter<any[]>();

  changeData() {
    // 修改对象数组
    this.data.push('New Item');
    // 触发事件并传递修改后的对象数组
    this.dataChange.emit(this.data);
  }
}

export class ParentComponent {
  objectArray: any[] = ['Item 1', 'Item 2', 'Item 3'];

  updateData(newData: any[]) {
    this.objectArray = newData;
  }
}