在Ag-Grid中，有没有办法让选择下拉单元格编辑器也有自定义单元格渲染按钮触发事件？

Question

我正在将Angular 5与Ag-Grid一起使用，并希望列的单元格具有丰富的下拉选择（我已经实现了这一点），但还希望有一个选项可以向此列表添加新项。

我试图通过使用自定义渲染器在单元格值旁边渲染按钮来实现此目的。我希望该按钮触发一个事件，但是当我单击单元格时，什么也没有发生，或者如果我双击选择选项，则会弹出显示。我希望不必在一个简单的渲染器功能中创建一个新的渲染器组件。这就是我试图做到的方式。该按钮将呈现，但是单击时不会触发任何事件。有没有办法将按钮添加到弹出的选择编辑器中？

我正在尝试实现以下类似目的：https://stackblitz.com/edit/angular-ag-grid-button-renderer?file=src%2Fapp%2Frenderer%2Fbutton-renderer.component.ts 但没有额外的渲染器组件。

  columnDef: {
              headerName: col,
              field: col.toLowerCase(),
              type: [],
              editable: true,
              cellRenderer: this.subCatButtonRenderer,
              cellRendererParams: {onClick: this.addSubCat.bind(this)}
              cellEditor: 'agRichSelectCellEditor',
              cellEditorParams: {values: ['subCat1', 'subCat2', 'subCat3']}
          }

  addSubCat(e) {
      console.log(e.rowData);
  }
  subCatButtonRenderer(params) {
      return params.value + ' <button (click)="onClick($event)">Add New</button>';
  }