Миграция из таблицы начальной загрузки в Angular5-таблицу данных

Question

Ниже моя структура таблицы, составленная с использованием начальной загрузки -

<table class="table table-hover">
  <thead class="thead-light">
    <tr>
      <th>Name</th>
      <th>Address</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
    <tr class="custom-venue" *ngFor="let venue of filteredVenues">
      <td [routerLink]="['/orders', venue.venueKey.id]">{{venue.name}}</td>
      <td>{{venue.address}}</td>
      <td>{{venue.description}}</td>
    </tr>
  </tbody>
</table>

Я хочу перенести это в Angular5-таблицу данных.Обычная миграция работает, но я сталкиваюсь с проблемами с предоставлением routerlink на значениях столбца «Name».Нужна помощь.Ниже приведен перенесенный код.Мне нужно исправление, особенно (только) для столбца «Имя», связанного с RouterLink.

  <data-table
    [items]="venues",
    [itemCount]="venuesCount",
    (reload)="reloadItems($event)">
  </data-table>

  <data-table-column
    [property]="'name'"
    [header]="'Name'"
    [sortable]="true"
    [resizable]="true"
    [routerLink]="['/orders', venue.venueKey.id]">
  </data-table-column>

  <data-table-column
    [property]="'address'"
    [header]="'Address'"
    [sortable]="true"
    [resizable]="true">
  </data-table-column>

  <data-table-column
    [property]="'description'"
   [header]="'Description'"
    [sortable]="true"
    [resizable]="true">
  </data-table-column>