黄金纳克数据表：如何与NG-模板标签中的p柱

Question

背景

使用Globalfilter我用黄金纳克的DataTable模块在我的角度项目。我的数据表中有7列如下所示。数据显示相当不错，在浏览器

问题

我不能使用[globalFilter]。当我尝试执行搜索时，我的数据表中的结果始终显示为“找不到记录”。这就像全局过滤器无法访问我的<ng-template>中的数据。

APP.COMPONENT.HTML

<!-- language: lang-html --> 

<div> 
    <input #gb type="text" pInputText size="50" placeholder="Global Filter"> 
</div> 

<p-dataTable [value]="reviewTasksList" [rows]="5" [paginator]="true" [globalFilter]="gb" [pageLinks]="3" [responsive]="true" [stacked]="stacked"> 
<p-column field="name" header="Name"> 
    <ng-template let-col let-file="rowData" pTemplate="body"> 
     <a [routerLink]="[file.id]" href="#">{{ file.category.name }}</a> 
    </ng-template> 
</p-column> 
</p-dataTable> 

Answer 1

我想你应该确保field设置正确。

例如，如果你的模型对应于此：

reviewTaskList = { 
    category: { 
    name: "Category Name" 
    } 
} 

然后你不得不使用这样的：

<p-dataTable [value]="reviewTasksList" [rows]="5" [paginator]="true" [globalFilter]="gb" [pageLinks]="3" [responsive]="true" [stacked]="stacked"> 
<p-column field="reviewTasksList.category.name" header="Name"></p-column> 
</p-dataTable>