ag-grid-angular自定义单元格渲染器：选ICellRendererAngularComp还是AgRendererComponent？

问题描述 #

我正在使用ag-grid-angular，需要创建自定义单元格渲染器。在ag-grid Angular官方文档示例中，单元格渲染器实现了ICellRendererAngularComp接口，但我也看到部分示例使用AgRendererComponent接口，且两者测试后均可正常工作。我想知道创建自定义单元格渲染器应实现哪个接口？另外，我在ag-grid项目中仅找到如下接口导出代码：

export interface ICellRendererAngularComp extends ICellRenderer, AgFrameworkComponent<ICellRendererParams> {
}

...

export interface AgRendererComponent extends ICellRendererAngularComp {
}

看起来AgRendererComponent是更高层级的接口，但官方文档示例却使用ICellRendererAngularComp，能否告知二者的差异？

解答 #

1. 二者的本质关系
   从你提供的源码可以明确：AgRendererComponent是一个完全继承自ICellRendererAngularComp的空接口，它没有新增任何属性、方法或约束，仅仅是ICellRendererAngularComp的一个别名。

2. 接口选择建议

   • 官方文档和示例统一使用ICellRendererAngularComp，这是ag-grid Angular官方推荐的标准接口。使用它能让你的代码和官方生态保持一致，后续维护、排查问题时更易匹配文档内容，也便于团队协作时统一理解。
   • AgRendererComponent功能上和前者完全等价，它的存在可能是为了简化命名或者兼容早期版本的代码，但并非官方主推的标准用法。

总结：两者在功能上没有任何差异，但优先选择ICellRendererAngularComp，遵循官方标准能减少不必要的混淆。

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