angular - ngx-datatables 数组元素

Question

我在结构中有元素数组：

rsDoorInfo
{
  tDoorNumArray:["701","702",...,"800"],
  tStartDate:["17-JUN-2018 15:51:00",","17-JUN-2018 15:51:00",...,"17-JUN-2999 15:51:00"],
  tEndDate:["17-JUN-2019 15:51:00", "17-JUN-2019 15:51:00",...,"17-JUN-2019 15:51:00"]
}

每个数组中有 100 个元素。我无法在 ngx-datatable 上显示这些数据。我想显示为：

Door Number | Start Date | End Date

有没有办法在不改变数据结构的情况下做到这一点？谢谢你。

Answer 1

您可以在数据表列中使用模板，以便从行对象中提取任何信息。

将tDoorNumArray用作表格行中的数组。在每一行中，您可以获取索引并通过索引访问数据

<ngx-datatable [rows]="rsDoorInfo.tDoorNumArray">
  <ngx-datatable-column name="Door Number">
    <ng-template let-row="row" let-rowIndex="rowIndex">
      {{ row }}
    </ng-template>
  </ngx-datatable-column>

  <ngx-datatable-column name="Start Date">
    <ng-template let-row="row" let-rowIndex="rowIndex">
      {{ rsDoorInfo.tStartDate[rowIndex] }}
    </ng-template>
  </ngx-datatable-column>
</ngx-datatable>

它允许您使用当前结构，但我建议您映射此数据，以便您的视图不必查找每个表行的所有数据。