ag-grid - ag-grid Angular “colDef.cellRendererFramework.component 已弃用”

Question

从以前版本的 ag-grid 开始，我们可以将组件作为依赖项传递到我们的 cellRendererFramework 中，如下所示：

{
    headerName: "Clickable Component",
    field: "name",
    cellRendererFramework: {
        component: ClickableParentComponent,
        dependencies: [ClickableComponent]
    },
    width: 200
}

这是一个来自这个ag-grid 博客的例子。

不幸的是，第 9 版给了我一个弃用的警告：

colDef.cellRendererFramework.component is deprecated - please refer to https://ag-grid.com/best-angular-2-data-grid/

现在有什么推荐的方法来实现这一目标吗？我在 ag-grid 的变更日志中找不到任何关于此的内容。

Answer 1

对，与父组件通信的技巧是使用上下文对象：

this.gridOptions = <GridOptions>{
    context: {
        componentParent: this
    }
};

取自简单动态组件示例

Answer 2

你错过了博客的这一部分吗？

代替：

{
    headerName: "Clickable Component",
    field: "name",
    cellRendererFramework: {
        component: ClickableParentComponent,
        dependencies: [ClickableComponent]
    },
    width: 200
}

你现在只需要这样做：

{
    headerName: "Clickable Component",
    field: "name",
    cellRendererFramework: ClickableParentComponent,
    width: 250
}