使用自定义单元格编辑器时出现Go错误：'ag-grid-angular‘不是已知元素

Question

我正在尝试创建一个在columnDefs中配置的自定义单元格编辑器

cellEditorFramework: CustomEditorComponent

下面是自定义编辑器的实现：

@Component({
  templateUrl: './custom-editor.component.html',
  styleUrls: ['./custom-editor.component.scss']
})
export class CustomEditorComponent implements ICellEditorAngularComp, AfterViewInit {
...
}

我还在@NgModule中导入了AgGridModule组件，如下所示：

imports: [
    AgGridModule.withComponents([
        CustomEditorComponent
    ])
],

我的目标是在单击要编辑的单元格时显示一个ag-grid。我可以弹出div，但没有显示ag-grid。

<div>
  <ag-grid-angular
    style="width: 500px; height: 150px;"
    class="ag-theme-alpine"
    [rowData]="rowData"
    [columnDefs]="columnDefs"
  >
  </ag-grid-angular>
</div>

相反，我得到了以下错误：

NG8001: 'ag-grid-angular' is not a known element:
...
NG8002: Can't bind to 'rowData' since it isn't a known property of 'ag-grid-angular'.
...
NG8002: Can't bind to 'columnDefs' since it isn't a known property of 'ag-grid-angular'.

我用的是Angular 10，请给我建议。

Answer 1

您是否导入了模块AgGridModule：

imports: [
    ...
    AgGridModule.withComponents([])
]

尝试删除<ag-grid-angular></ag-grid-angular>，只在弹出窗口中显示一个简单的<div>test sample</div>。

你使用的是哪个angular版本？如果它在Angular 9之前，则应该在entryComponents中添加弹出组件。