Angular 删除按钮ag栅格角度2

我正在尝试为ag网格表中的元素列表添加一个删除按钮

我为按钮创建了一个组件，可以使用

但我还需要调用一个服务来实际删除数据 因此，我尝试在按钮组件中包含该服务

this.myService.deleteRow(this.value).subscribe(
response => {
    if(response){
        this.params.api.selectIndex(this.params.node.rowIndex);
        var selectedData = this.params.api.getSelectedRows();
        this.params.api.updateRowData({remove: selectedData}); 
    }
}

))

但我得到了这个错误： 属性“deleteButtonRenderer”与索引签名不兼容。 类型“typeof AgGridButtonDeleteComponent”与类型“new（）=>any”不可比较

我该怎么做有什么建议吗？ 我使用的是ag grid 16.0.0和angular 6，我找到的所有示例都是angular 1

---

谢谢

一个可能的解决方案是：

在def add列中

onCellClicked: function (params) {
 this.deleteRow(params.data.Id)
 params.api.selectIndex(params.node.rowIndex);
 var selectedData = params.api.getSelectedRows();
 params.api.updateRowData({remove: selectedData}); 
}.bind(this)

---

记住绑定（此）否则deleteRow函数不可见

可能的解决方案是：

在def add列中

onCellClicked: function (params) {
 this.deleteRow(params.data.Id)
 params.api.selectIndex(params.node.rowIndex);
 var selectedData = params.api.getSelectedRows();
 params.api.updateRowData({remove: selectedData}); 
}.bind(this)

记住绑定（this），否则deleteRow函数不可见

onCellClicked: function (params) {
 this.deleteRow(params.data.Id)
 params.api.selectIndex(params.node.rowIndex);
 var selectedData = params.api.getSelectedRows();
 params.api.updateRowData({remove: selectedData}); 
}.bind(this)