存儲ag-grid行單擊事件數據Angular

Question

我正在嘗試將onRowClicked事件中的事件數據存儲在Component成員中。 這樣，當用戶點擊按鈕時，它將被刪除。 但是，當我嘗試從delete回調訪問它時，成員變量未定義。

export class OilTypesComponent implements OnInit {
 ...
 selectedOil : any;
 gridOptions: GridOptions = <GridOptions>{};

 ngOnInit() {
 this.gridOptions = {
      ...
      onCellEditingStopped: this.cellEdited,
      onRowClicked: this.rowClicked
    }
 }
...
 rowClicked(event){
    this.selectedOil = event.data;
 }

delete(){
    console.log(`Deleting ${this.selectedOil.manufacturer} //this.selectedOil is undefined
  }

Answer 1

事實證明，傳遞回調時這是一個范圍問題，如下所示： 執行回調函數時，Angular2組件的“ this”未定義

我最終對兩個回調都做了什么

this.gridOptions = {
  ...
  onCellEditingStopped: this.cellEdited.bind(this),
  onRowClicked: this.rowClicked.bind(this)
}