同时按列分页和过滤Angular 6

Posted 2023-03-29

【中文标题】同时按列分页和过滤Angular 6

【英文标题】：Pagination and filter by column at the same time Angular 6

【发布时间】：2019-03-22 23:45:07

【问题描述】：

如何修改此代码以同时获得分页和过滤？问题是，如果我的表中有 1000 行并且每页显示 50 行，则name 的过滤器将仅应用于显示的 50 个条目。

<tr *ngFor="let user of usersList | paginate:  itemsPerPage: 50, currentPage: p  | filter: 'name' : searchString">
    <td> user.name </td>
    <td> user.email </td>
    <td> user.office </td>
</tr>
<pagination-controls (pageChange)="p=$event" previousLabel="Previous" nextLabel="Next"></pagination-controls>

感谢您的宝贵时间！

【参考方案1】：

这样修改即可：

<tr *ngFor="let user of usersList | filter: 'name' : searchString | paginate:  itemsPerPage: 50, currentPage: p ; let i=index">