Как сделать Angular routerLink внутри ячейки ag-Grid?

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;
}

, но я не вижу работающего routerLink в моей ag-Grid.Можете ли вы сказать мне, что мне нужно сделать для рендеринга работающего routerLink в моей ag-Grid?

Answer 1

Я думаю, cellRenderer поддерживает только нормальный HTML (без каких-либо специфических углов).

Вы хотите использовать cellRendererFramework, как показано в следующих примерах:

• https://www.ag -grid.com / ag-grid-angular2-support /
• https://www.ag -grid.com / javascript-grid-cell-рендеринг-компонентов / # примеррендеринг с использованием более сложных угловых компонентов

Поскольку вы используете RouterLink, вам, вероятно, потребуется RouterModule в moduleImports