从引导表迁移到Angular5-数据表

时间:2019-01-31 01:22:45

标签: angular angular-datatables

下面是我使用引导程序组成的表结构-

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

0 个答案:

没有答案