Угловой материал Как сделать клетку кликабельной

Question

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

Например, у меня есть проверка if (* ngIf = "arr.data === 'id'"), а затем отрисовказначок рядом с идентификатором, такой как изображение ниже.

Я отрисовываю затмение с помощью проверки if рядом с идентификатором 54. Как сделать идентификатор кликабельным без отображения значкавнутренний угловой стол материала?

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 используется для навигации.

Конечно, вы захотите изменить имена и информацию о маршруте.