行中的删除按钮不会在Angular 5中删除

Question

我目前在我的角应用程序中有一个删除按钮，显示在我表格中的所有行中。但是，当我按下删除按钮而不是删除该行时，它会呈现一个空白页面，我不知道为什么会这样做。下面我发布了我的代码。请协助。

Component.ts

  ngOnInit() {

    //  delete button click event
    this.centerTemplate.columns.find(header => header.field === 'deleteBtn').
        onCellClicked = e => {
            if (e.event.target !== undefined && e.event.target.id === 'delete') {
                this.deleteProfitCenter(e.data);
            }
        };
    this.gridOptions.columnDefs = this.centerTemplate.columns;
}

model.ts

 private static getColumns(appSettings: AppSettings): any[] {
        const columns: any[] = [
            {
                      {
            headerName: '',
            field: 'deleteBtn',
            width: 45,

}                 }，