angular - *ngFor 双向数据绑定 - Angular

Question

我有BoardComponent几个嵌套的BoardColumnComponent：

<app-board-column class="col-sm-12 col-md-3" *ngFor="let column of board.middleColumns ; index as i" [(boardColumn)]="board.middleColumns[i]" (onRemoveClick)="removeColumn(column)"></app-board-column>

以及BoardColumnComponent以下字段：

private _boardColumn: IBoardColumn;
@Output() boardColumnChange: EventEmitter<IBoardColumn> = new EventEmitter<IBoardColumn>();


@Input() 
set boardColumn(column: IBoardColumn){
    this._boardColumn = Object.assign(this.defaultColumn, column);
    this.boardColumnChange.emit(this._boardColumn);
}

get boardColumn() : IBoardColumn {
    return this._boardColumn;
}

所以我面临2个问题，

1. 我需要拦截setterboardColumn 模型以将其与defaultBoardColumn.

2. 以我目前的方法，我的应用程序挂起，我想是因为递归发射。

附加数据

我也尝试过通常的方法，但董事会没有改变

@Output()
boardColumnChange = new EventEmitter<IBoardColumn>();
@Input()
boardColumn: IBoardColumn

如果有不同的方法来实现这一点或我缺少的东西，我将不胜感激。