angular - 从引导表迁移到 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-data-table。正常迁移有效，但我在“名称”列值上提供 routerlink 时遇到问题。需要帮助。下面是迁移的代码。我需要特别（仅）修复与 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>

标签： angularangular-datatables