Ag网格中的多选下拉菜单

Question

我正在尝试在ag网格内实现多选下拉菜单，但是我什么也没得到。

我的代码如下。

在app.componet.ts中，我拥有（在columnDefs内）

{headerName: 'product', field:'product', editable: this.editFunctionAll(this),cellRenderer: 
"productComponent" , width:120},

然后我有另一个名为productComponent的组件，并且我具有以下内容：

@Component({
selector: 'lma-child',
template: `
<ng-select [items]="cities2"
               bindLabel="name"
               bindValue="id"
               [multiple]="true"
               placeholder="Select cities"
               [(ngModel)]="selectedCityIds">
</ng-select>
`});

 export class ProductComponent  {
 cities2 = [
   {id: 1, name: 'Vilnius'},
   {id: 2, name: 'Kaunas'},
   {id: 3, name: 'Pavilnys', disabled: true},
   {id: 4, name: 'Pabradė'},
   {id: 5, name: 'Klaipėda'}
 ];
 }

我在这里将ag网格单元格作为可编辑的字段，无法捕捉到发生的情况。请帮助我。

致谢！