Angular 使用嵌套json对象初始化datatable cols
我有一个使用Priming p-datatable创建表的指令:Angular 使用嵌套json对象初始化datatable cols,angular,datatable,primeng,Angular,Datatable,Primeng,我有一个使用Priming 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" [fiel
<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;
或
但是col中没有显示任何值。您能帮我吗?
谢谢我认为您必须更改您的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>
{{sessions.sessions[0].StartDateTime |日期:'d,MMM,yyyy'}
举个例子。另请参见虽然此链接可以回答问题,但最好在此处包含答案的基本部分,并提供链接供参考。如果链接页面发生更改,则仅链接的答案可能无效。虽然此链接可以回答问题,但最好在此处包含答案的基本部分,并提供链接供参考。如果链接页面发生更改,则仅链接的答案可能无效。
<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>