Question

我有一系列对象，如：

"rows": [
{
  "id": 1,
  "createdAt": "2017-07-21T06:05:38.000Z",
  "updatedAt": "2017-07-21T06:05:38.000Z",
  "createdBy": null,
  "modifiedBy": null,
  "name": "ABC",
  "owner": "Dian",
  "age": 23,
  "industry": "abc"
},
{
  "id": 2,
  "createdAt": "2017-07-21T06:05:38.000Z",
  "updatedAt": "2017-07-21T06:05:38.000Z",
  "createdBy": null,
  "modifiedBy": null,
  "name": "ABsC",
  "owner": "Disdan",
  "age": 23,
  "industry": "absdc"
}

我想将它绑定到我的primeng数据表。通过这个documentation，数据需要像

这样的数据

[
        {field: 'vin', header: 'Vin'},
        {field: 'year', header: 'Year'},
        {field: 'brand', header: 'Brand'},
        {field: 'color', header: 'Color'}
    ];

在我的情况下，此数据可以是动态的，意味着 displayName 可能会代替名称。如何将此数据绑定到我的数据表中。提前谢谢！

Answer 1

实际上相当简单。不要提供字段，添加ng-template并使用您需要的任何逻辑来确定在字段中显示的内容。

例如：

<p-column header="Whatever You Want Displayed In The Column Header">
    <ng-template let-entry="rowData" pTemplate="body">
        {{ (entry.id === 1 ? entry.displayName : entry.name) }}
    </ng-template>
</p-column>

PrimeNg Datatable：绑定动态对象数组

1 个答案: