prime-ng数据表:如何在p列中将ngfilter与ng-template标记一起使用 [英] prime-ng datatable: how to use Globalfilter with ng-template tag in p-column
问题描述
上下文
我在Angular项目中使用Prime-ng Datatable模块.我的数据表中有7列,如下所示.数据在浏览器中显示得很好
I use Prime-ng Datatable module in my Angular project. I have 7 columns like shown below in my datatable. The data shows very well in browser
问题
我不能使用 [globalFilter]
.当我尝试进行搜索时,数据表中的结果始终显示为未找到记录".就像全局过滤器无法访问我的< ng-template>
中的数据.
I can't use [globalFilter]
. When I try to do a search, the result in my datatable is always displayed as "No records found". It's like the Global filter can't reach the data in my <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>
推荐答案
我认为您应该确保正确设置 field
.
I think you should ensure field
is set properly.
例如,如果您的模型与此相对应:
For example, if you model correspond to this:
reviewTaskList = {
category: {
name: "Category Name"
}
}
然后您必须像这样使用它:
Then you'd have to use it like this:
<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>
这篇关于prime-ng数据表:如何在p列中将ngfilter与ng-template标记一起使用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!