无法通过单元格渲染器选项调用agGrid(Angular2)中的服务

Question

我正在使用ag-Grid显示用户列表.如果我编辑用户详细信息,那么我想点击网格中的更新按钮来编辑相应的用户详细信息.

这是ag_grid中的coloumn标头

 { headerName: 'Update', field: "update", width: 80, cellRenderer:this.updateRenderFunction}      

我正在使用细胞渲染器

updateRenderFunction(params){
   var eSpan = document.createElement('button');
   eSpan.innerHTML = "Update";
    var data = params.node.data;

   eSpan.addEventListener('click',()=>{
                       //here i want to call service

  })

  return eSpan;

 }

Answer 1

试试这个，它对我有用...在 updateRenderFunction 之后给出绑定（this），如下所示。

{ headerName: 'Update', field: "update", width: 80, cellRenderer:this.updateRenderFunction.bind(this)}