Angular ag-grid 出错：“找不到组件类 XXX，您是否忘记配置此组件”

Question

运行 ag-grid 应用程序时，我从 Chrome 收到此错误。基本上，我有以下

export class CustomHeader implements IHeaderAngularComp {
  private params: any;


  @ViewChild('menuButton', { read: ElementRef }) public menuButton;

  agInit(params): void {
    this.params = params;
  }

  onMenuClicked() {
    this.params.showColumnMenu(this.menuButton.nativeElement);
  }

  refresh(params: IHeaderParams): boolean {
    return true;
  }
}

...

ColumnDefs = {
    ...
     {
        field: "A column", editable: false, sortable: false, width: 90,
        type: 'stringColumn', centered: true, pinned: 'left',
        headerComponent: CustomHeader,
        headerComponentParams: {
          template: `
            <div ref="eLabel" class="lmn-form-group">
              <input ref="eCheck" type="checkbox">
              <span>Use This</span>
            </div>
          `
        }
     },
    ...
}

Chrome 说它无法识别这个 CustomHeader：

找不到组件类 CustomHeader { agInit（参数）{ this.params = 参数； } onMenuClicked() { this.params.showColumnMenu(this.menuButton.nativeElement); } 刷新（参数）{ 返回真； } }，你忘记配置这个组件了吗？”

我有什么遗漏吗？

Answer 1

你见过example in the documentation吗？

请注意，您还需要提供[frameworkComponents] 网格属性，以便网格知道使用标题组件：

 this.frameworkComponents = { agColumnHeader: CustomHeader };