Angular 如何从ag网格中的单元渲染器调用方法-创建下拉单击事件不从选项触发？

这是我的阿格里德专栏

---

正常选择选项正在使用aggrid中的cellrenderer动态生成单击事件在创建过程中无法绑定，并建议如何解决问题我想要单击事件请帮助…尝试了valueformatter和除我无法调用的方法以外的所有方法…

获得了此问题的解决方案。首先在单元渲染器中放置

绑定（this）

，然后执行以下操作。您可以传递下拉列表的值

希望这有帮助

{
    headerName: 'Type Of Pin',
    field: 'pinType',
    width: 160,
    cellRenderer: this.typeOfPin.bind(this),
    suppressSorting: true
}

typeOfPin（参数）{
控制台日志（params）；
const eDiv=document.createElement（'div'）；
//tslint:禁用下一行：否此分配
const self=这个；
eDiv.innerHTML=
'' +
'' +
“数字”+
“随机”+
'';
eDiv.addEventListener（'change'，（）=>{
log（“单击按钮”）；
自我测试（事件、目标、值）；
});
返回eDiv；
}

找到了解决方案。首先在单元渲染器中放置

绑定（this）

，然后执行以下操作。您可以传递下拉列表的值

希望这有帮助

{
    headerName: 'Type Of Pin',
    field: 'pinType',
    width: 160,
    cellRenderer: this.typeOfPin.bind(this),
    suppressSorting: true
}

typeOfPin（参数）{
控制台日志（params）；
const eDiv=document.createElement（'div'）；
//tslint:禁用下一行：否此分配
const self=这个；
eDiv.innerHTML=
'' +
'' +
“数字”+
“随机”+
'';
eDiv.addEventListener（'change'，（）=>{
log（“单击按钮”）；
自我测试（事件、目标、值）；
});
返回eDiv；
}

typeOfPin(params) {
    console.log(params);
    const eDiv = document.createElement('div');
    // tslint:disable-next-line:no-this-assignment
    const self = this;
    eDiv.innerHTML =
        '<select placeholder="Select" class="form-control ag-form-control">' +
        '<option></option>' +
        '<option value="number">Number</option>' +
        '<option value="random">Random</option>' +
        '</select>';
    eDiv.addEventListener('change', () => {
        console.log('button clicked');
        self.test(event.target.value);
    });

    return eDiv;
}