将数据从组件A中的数组内传输到组件B，以进行修改并保存在Angular 8中

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

@Component({
  selector: 'app-component-a',
  template: `
    <div>
      <h2>Component A</h2>
      <p>Data from Component B: {{ dataFromComponentB }}</p>
    </div>
  `
})
export class ComponentA {
  @Input() dataFromComponentB: any;
}

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

@Component({
  selector: 'app-component-b',
  template: `
    <div>
      <h2>Component B</h2>
      <button (click)="saveData()">Save Data</button>
    </div>
  `
})
export class ComponentB {
  @Output() dataToComponentA = new EventEmitter<any>();

  saveData() {
    const modifiedData = 'Modified data from Component B';
    this.dataToComponentA.emit(modifiedData);
  }
}

<div>
  <app-component-a [dataFromComponentB]="dataToComponentA"></app-component-a>
  <app-component-b (dataToComponentA)="dataToComponentA = $event"></app-component-b>
</div>