Как сделать гиперссылку на значение столбца таблицы в таблице данных, используя angular7?

Question

В моем приложении я получаю данные в таблице данных.Внешний интерфейс приложения работает на angular7.Теперь я хочу, чтобы некоторые значения столбца имели ссылку, и нажмите на ссылку, чтобы отобразился новый компонент.Пример ::

Column1           Column2     Column3
value with Link

Как я могу реализовать этот сценарий, используя angular7?

Я просматриваю документы по маршрутизации в https://angular.io/guide/router

, но не могу отобразитьэто с моими текущими требованиями.

Answer 1

Если я правильно понял, вы используете таблицу данных угловых материалов, не так ли?

Если это так, попробуйте следующее:

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