【发布时间】:2020-09-03 06:26:05
【问题描述】:
我正在尝试实现 PrimeNg Global filter 并遵循他们提供的文档。
但我遇到了错误。我不知道如何单独添加这个模块。
他们有stackblitz 链接,但我在该特定模块上没有看到任何错误。
我也在使用 Angular 7 版和 PrimeNg 7 版。
【问题讨论】:
标签: angular primeng primeng-datatable
我正在尝试实现 PrimeNg Global filter 并遵循他们提供的文档。
但我遇到了错误。我不知道如何单独添加这个模块。
他们有stackblitz 链接,但我在该特定模块上没有看到任何错误。
我也在使用 Angular 7 版和 PrimeNg 7 版。
【问题讨论】:
标签: angular primeng primeng-datatable
为什么要导入 FilterUtils? 正如您在 primeNg 文档(v7)中看到的那样,您必须导入 TableModule。
npm install @angular/cdk --save
import {TableModule} from 'primeng/table';
【讨论】:
正如上述答案所建议的,我已经删除了 FilterUtils 组件,但随后我得到了不同的错误,这是不言自明的。
core.js:15724 ERROR Error: Global filtering requires dynamic columns or globalFilterFields to be defined.
所以我添加了如下所示的“globalFilterFields”修复,然后一切都很好。
<p-table #dt [resizableColumns]="true" columnResizeMode="fit" [value]="tbldata" [(first)]="first" [paginator]="tbldata.length>10" [rows]="10" styleClass="dataTable" [globalFilterFields]="['firstName', 'lastName', 'age', 'company']">
【讨论】: