不是 Angular (ag-grid) 中的函数错误

Question

我正在尝试在 ag-grid 中定义一个按钮以从数据库中删除选定的行。

但是当单击按钮时我收到错误：错误类型错误：this.deleteContact 不是一个函数。

我应该怎么做才能解决这个问题？


import { ButtonrendererComponent } from '../buttonrenderer/buttonrenderer.component';

export class DashboardComponent implements OnInit {

  frameworkComponents = {
    buttonRenderer: ButtonrendererComponent,
    }

  constructor(private api: ApiService) {}

  ngOnInit(): void {
    this.getContactDetails(); 
  }

  columnDefs=[
    {headerName: 'ID', field:'id', width: 200},
    {
      headerName: 'Delete',
      cellRendererFramework: ButtonrendererComponent,
      cellRendererParams: {
      label: 'Delete',
      onClick: this.onBtnClick1
      }
    },
  ]

  deleteContact(id){
    this.api.deleteContact(id)
    .subscribe(res =>{
      alert("Contact deleted");
      this.getContactDetails();
    });
  }

  onBtnClick1(e) {
    alert(e.data.id)
    this.deleteContact(e.data.id)
  }
}

Answer 1

这是因为 this 与 ButtonrendererComponent 不同，请在下面尝试。

cellRendererParams: {
      label: 'Delete',
      onClick: () => this.onBtnClick1()
}

不是 Angular (ag-grid) 中的函数错误

not a function error in Angular (ag-grid)

ag-grid

angular