具有嵌套 json 对象的 PrimeNG 数据表列答案

【问题标题】：PrimeNG datatable cols with nested json object具有嵌套 json 对象的 PrimeNG 数据表列
【发布时间】：2018-03-16 01:52:20
【问题描述】：

我有一个使用 PrimeNG p-datatable 创建表的指令：

<p-dataTable paginatorPosition="top" scrollable="true" scrollHeight="200px" 
   [value]="table.cells" resizableColumns="true" [loading]="loading">
            <p-column *ngFor="let col of table.headers" [field]="col.field" [header]="col.header" [sortable]="col.sortable" [style]="{'width':'230px'}">
                ...

在服务内部创建一个这样的实体：

        header = new MyTableHeaders();
        header.header = "Col Head"
        header.field = "field";
        header.sortable = false;
...

当我有一个嵌套对象要传入时，就像这样：

name: "name",
address: {
   city: "city",
   street: "street",
   ...

我试图通过：

header = new MyTableHeaders();
header.header = "Col Head"
header.field = "address.city";
header.sortable = false;

或

header = new MyTableHeaders();
header.header = "Col Head"
header.field = "address[city]";
header.sortable = false;

但 col 中没有出现任何值。你能帮助我吗？谢谢

【问题讨论】：

标签： angular datatable primeng

【解决方案1】：

我认为您必须更改 p 列以包含 ng 模板... 来看看

<p-column field="Sessions" [editable]="true" header="Start Date">              
    <ng-template let-col let-sessions="rowData" let-ri="rowIndex" pTemplate="body">
     <div>
       <p>{{sessions.Sessions[0].StartDateTime | date: 'd,MMM,yyyy'}}</p>
      </div>
    </ng-template>
</p-column>

举个例子。另见here

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接答案可能会失效。虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。