我们可以在angular2中集成自定义过滤管和分页

Question

我有一个组件来显示带分页，排序和过滤的日期表。我有自定义分页服务，切片数据和显示。但我的过滤器和排序管道仅适用于切片数据。在哪里需要为完整的JSON数据工作。 我可以提供有关如何解析完整数据的建议。 以下是Iam如何使用过滤管道和排序管道。

$("./$path/node_modules/.bin/eslint --stdin --stdin-filename $file")

Answer 1

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

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

看起来像

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