angular - Angular Material 如何使单元格可点击

Question

我正在动态渲染一个材质角度表，我想让一行单元格（通过名称渲染）可点击。我不想添加按钮，只需使呈现的名称可点击。

例如，我有一个 if 检查 (*ngIf="arr.data === 'id'") 然后在 id 旁边呈现一个图标，如下图所示。

我正在通过 id 54 旁边的 if 检查来渲染日食。如何使 id 可点击而无需在角度材料表内渲染图标？

Answer 1

你可以这样做：

<ng-container matColumnDef="account.accountCode">
  <mat-header-cell *matHeaderCellDef mat-sort-header> Code </mat-header-cell>
  <mat-cell *matCellDef="let row">
    <a href="" [routerLink]="['/accounts', row.account.accountKey]"> {{row.account.accountCode}} </a>
  </mat-cell>
</ng-container>

这会在单元格中添加一个锚标记，您可以单击该标记。在此示例中，routerLink用于导航。

当然，您会想要更改名称和路线信息。