我们可以在angular2中集成自定义过滤器管道和分页吗答案

【问题标题】：can we integrating custom filter pipe and pagination in angular2我们可以在angular2中集成自定义过滤器管道和分页吗
【发布时间】：2017-11-09 06:25:13
【问题描述】：

我有一个组件来显示带有分页、排序和过滤的日期表。我有自定义分页服务，可以分割数据并显示。但我的过滤器和排序管道仅适用于切片数据。因为它需要为完整的 JSON 数据工作。我可以就如何解析完整数据提出建议吗？下面是我如何使用过滤管道和排序管道。

<tbody  *ngFor = "let request of slicedRequestObjects | category: searchText : optionVal | orderBy: convertSorting(); let i = index;" >

【问题讨论】：

【解决方案1】：

您需要确保在分页起作用之前进行过滤。听起来如果您的列表中有 50 个项目，您的分页器会获取前 10 个项目，然后您只过滤该 10 个项目。

我使用了一个名为 ng2-pagination 的包。它在您的 *ngFor 上充当管道。然后我将它与我创建的自定义管道一起使用以进行过滤。

看起来像

*ngFor="let item of myList | termFilter:searchTerm | paginate: { itemsPerPage: 15, currentPage: c, id: 'c' }"

【讨论】：