存储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)
}