分页并同时按列过滤Angular 6

Question

如何修改此代码以便同时获得分页和过滤？问题是，如果我的表中有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>

谢谢您的时间！

Answer 1

只需修改这种方式：

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