更改ngFor循環中調用的內部組件的父級的值

Question

使用角度7，我試圖將對象傳遞給ngFor循環內的子組件，但是當我更改內部的值時，父組件上的值不變。

在我父母那里

<div class="pieceContainer" *ngFor="let piece of data?.piece">
  <app-piece [(data)]="piece" (change)="doSomething(event$)"></app-piece>
</div>

在我的孩子中，我有以下內容，我更改了模態中的數據值，然后嘗試輸出它：

@Input() data: any;
@Output() change: EventEmitter<any> = new EventEmitter<any>();

從模態中更改數據並按保存時，我會調用：

this.change.emit(this.data);

有人知道為什么它不更新父組件中的對象值嗎？ 謝謝

Answer 1

應該

@Output() dataChange: EventEmitter<any> = new EventEmitter<any>();

Answer 2

您應該傳遞共享數據。 只是微小的變化：

<app-piece [data]="piece" (change)="doSomething('data')"></app-piece>

Answer 3

對於某些感興趣的人來說，答案只是放$ event而不是event $。