angular - 如何在 ag-Grid 的单元格内渲染 Angular routerLink？

Question

当我尝试在基本 HTML 页面上呈现链接时，我尝试呈现的链接看起来像这样:

<a [routerLink]="['/leverance/detail', 13]">A new link</a>

当试图在 ag-Grid 上呈现它时，我尝试像下面那样做:

src\app\leverancer\leverancer.component.ts

ngOnInit() {
    this.dataGridColumnDefs = [
          { 
            headerName: 'Type', 
            field: 'leveranceType.name', 
            width: 150,
            cellRenderer: this.customCellRendererFunc       
          }
    ];
}

customCellRendererFunc(params): string {
  const cellContent `<a [routerLink]="['/leverance/detail', 13]">A new link</a>`;
  return cellContent;
}

但我在我的 ag-Grid 中没有看到工作中的 routerLink。你能告诉我我需要做什么才能在我的 ag-Grid 中呈现一个有效的 routerLink 吗？

Answer 1

我认为 cellRenderer 只支持普通的 HTML(没有任何 Angular 特定的东西)。

您想使用 cellRendererFramework，如这些示例所示:

• https://www.ag-grid.com/ag-grid-angular2-support/
• https://www.ag-grid.com/javascript-grid-cell-rendering-components/#example-rendering-using-more-complex-angular-components

由于您使用 RouterLink，您可能需要 moduleImports 中的 RouterModule