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

Question

由于之前版本的 ag-grid 我们可以像这样将组件作为依赖项传递到我们的 cellRendererFramework 中：

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

这是取自 ag-grid blog 的示例。

不幸的是，第 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
    }
};

取自Simple Dynamic Component example

Answer 2

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

代替：

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

您现在只需要这样做：

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