Question

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

cellEditorFramework: CustomEditorComponent

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

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

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

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'.

我正在使用Angular10。请告知。

Answer 1

是否已导入模块AgGridModule：

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

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

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

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

1 个答案: