* ng用于双向数据绑定 - 角度

时间:2017-09-18 02:30:09

标签: angular typescript angular-components two-way-binding

我有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;
}

所以我面临着两个问题,

  1. 我需要截取boardColumn模型的setter以将其与defaultBoardColumn合并。

  2. 根据我当前的方法,我的应用程序挂起,我想是因为递归发射。

  3. 其他数据

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

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

    如果有不同的方法来实现这个或我想念的东西,我将不胜感激。

0 个答案:

没有答案