Angular CellRenderFramework未找到组件工厂ag grid ANGLAR2

Angular CellRenderFramework未找到组件工厂ag grid ANGLAR2,angular,angular-cli,ag-grid,ag-grid-ng2,Angular,Angular Cli,Ag Grid,Ag Grid Ng2,尝试将CellRenderFramework(v13.1.2)与angular2一起使用,但出现以下错误: ProductComponentComponent.html:7错误:找不到[object]的组件工厂。您是否将其添加到@NgModule.entryComponents? at-noComponentFactoryError(core.es5.js:3202) ag grid v13.1.2是否不支持CellRenderFramework?还是有其他问题 之前也有人问过类似的问题,但没有

尝试将CellRenderFramework(v13.1.2)与angular2一起使用,但出现以下错误:

ProductComponentComponent.html:7错误:找不到[object]的组件工厂。您是否将其添加到@NgModule.entryComponents? at-noComponentFactoryError(core.es5.js:3202)

ag grid v13.1.2是否不支持CellRenderFramework?还是有其他问题


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

可能有点晚了,但我在这里结束时遇到了同样的问题。 下面是我如何在网格选项中修复它的:

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

我将组件添加到@NgModule的entryComponents中,错误消息指向。例如

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

请参见

如果上述两种解决方案不起作用,则从服务器加载数据时很可能将
字符串
传递给
组件工厂解析程序
,但它应该是组件类型


检查此url:

前面的答案中提到的几件事,我通过做几件事使它工作起来

在模块定义中,为
声明
入口组件
添加渲染器

```

```

将您的
网格选项定义为

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

```

之后,您的
ColDef
就可以像

```

```以下是我所做的。(版本19.1.1)

app.module.ts
中,将渲染器与
AgGridModule.withComponents导入为

    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
         ...
           AgGridModule.withComponents([
              ActionRendererComponent,
              YesnoRendererComponent, 
              StatusRendererComponent
          ])
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
可能重复的
{
  frameworkComponents: {
    "hyperlinkRenderer": ReportHyperlinkCellRenderer
  }
}
{
  cellRenderer: "hyperlinkRenderer"
}
    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
         ...
           AgGridModule.withComponents([
              ActionRendererComponent,
              YesnoRendererComponent, 
              StatusRendererComponent
          ])
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }