Разбивка на страницы и фильтрация по столбцам одновременно 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">