时间戳

首页 > 解决方案 > 如何使用angular7超链接数据表中的表列值？

angular - 如何使用angular7超链接数据表中的表列值？

问题描述

在我的应用程序中，我正在获取数据表中的数据。应用程序前端在 angular7 上运行。现在我希望某些列值应该有一个链接，然后单击该链接将显示一个新组件。例子：：

Column1           Column2     Column3
value with Link

我如何使用 angular7 实现这个场景？

我正在浏览 https://angular.io/guide/router中的路由文档

但无法将其与我当前的要求进行映射。

标签： angularangular-material

解决方案

如果我没听错，您使用的是 Angular Material 数据表，不是吗？

如果是这样，试试这个：

 <ng-container matColumnDef="prop">
  <mat-header-cell *matHeaderCellDef> Prop Name </mat-header-cell>
  <mat-cell *matCellDef="let element">
    <a routerLink="/your-link">{{element.prop}}</a>
  </mat-cell>
</ng-container>

推荐阅读