angular - cellRendererFramework 没有找到组件工厂 ag-grid angular2

Question

尝试将 cellRendererFramework(v13.1.2) 与 angular2 一起使用，但出现此错误：

ProductComponentComponent.html:7 ERROR 错误：未找到 [object Object] 的组件工厂。你把它添加到@NgModule.entryComponents 了吗？在 noComponentFactoryError (core.es5.js:3202)

ag-grid v13.1.2 不支持 cellRendererFramework 吗？还是有其他问题。

之前有人问过类似的问题，但没有找到任何有用的答案。请帮助解决这个问题。提前致谢。

Answer 1

这就是我所做的。（版本 19.1.1）。

在中，使用asapp.module.ts导入您的渲染器AgGridModule.withComponents

    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
         ...
           AgGridModule.withComponents([
              ActionRendererComponent,
              YesnoRendererComponent, 
              StatusRendererComponent
          ])
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

Answer 2

我将该组件添加到@NgModule 的entryComponents，因为错误消息指向。例如...

@NgModule({
imports: [
    CommonModule,
    SharedModule,
    ...
],
declarations: [
    ...
    myRendererComponent,
    ...
],
providers: [
    ...
],
entryComponents: [
    myRendererComponent
]

见https://hassantariqblog.wordpress.com/2017/02/12/angular2-error-no-component-factory-found-did-you-add-it-to-ngmodule-entrycomponents/

Answer 3

正如前面的答案中提到的几件事，我通过做几件事让它工作。

在模块定义中，为 和 添加您的渲染declarations器entryComponents。

```

declarations: [ReportHyperlinkCellRenderer],
entryComponents: [ReportHyperlinkCellRenderer],

```

定义你GridOptions的

```

{
  frameworkComponents: {
    "hyperlinkRenderer": ReportHyperlinkCellRenderer
  }
}

```

之后，你ColDef可以很简单

```

{
  cellRenderer: "hyperlinkRenderer"
}

```

Answer 4

可能有点晚了，但我遇到了同样的问题，最终来到了这里。这是我在网格选项中修复它的方法：

this.gridOptions = <GridOptions>{
  ...
  frameworkComponents: {
    "checkboxRenderer": CheckboxCellRendererComponent
  }
}

然后在列定义：

{
  field: "present",
  headerName: "User was present",
  cellRenderer: "checkboxRenderer"
}

Answer 5

如果上述两种解决方案都不起作用，那么很有可能您在从服务器加载数据时传递string给ComponentFactoryResolver它，但它应该是组件类型。

检查此网址：堆栈溢出