Angular中Ag-Grid自定义cellRenderer的按钮点击事件及模板不显示问题

• 确认已在对应模块的imports中通过agGridModule.withComponents([ButtonRendererComponent])注册自定义渲染组件，未提前注册的组件会被ag-grid忽略无法渲染
• 检查列配置的两个必填项是否正确：
  • frameworkComponents对象中已配置键值对{ buttonRenderer: ButtonRendererComponent }，注册组件别名
  • 目标列的cellRenderer属性值和上方配置的别名完全一致，无拼写错误
• 确认ButtonRendererComponent已正确实现ICellRendererAngularComp接口，必须包含agInit()方法接收网格传入的参数，无该接口实现的组件无法被ag-grid识别为合法的cellRenderer
• 若使用Angular14+的独立组件（standalone），需确认ButtonRendererComponent的standalone属性设为true，且已引入所需的依赖模块，列配置可以直接写cellRenderer: ButtonRendererComponent无需额外注册frameworkComponents
• 打开浏览器控制台查看错误信息：如果存在模板解析错误、组件未声明、依赖缺失类报错，按报错信息修复对应代码即可
• 校验ag-grid版本和Angular版本的兼容性：ag-grid v27及以上仅支持Angular v12及以上版本，大版本不匹配会出现组件渲染异常

内容的提问来源于stack exchange，提问作者Renee