Пагинация с Angular 2

Question

Я работаю с Angular 5. На одной из моих веб-страниц я нажимаю кнопку DB, чтобы получить записи.но из этого сервисного звонка я получаю более 10000 записей.показ этого на веб-странице занимает много времени и приводит к плохому пользовательскому опыту.

Я хочу показать 10 записей на веб-странице после слияния оставшихся записей с существующими.

Пожалуйста, помогите мне, как это сделать.любой оператор RxJs доступен.

Answer 1

Вы можете использовать таблицу primeng p с paginator или, если вы используете bootstrap, тогда вы можете использовать нумерацию страниц с начальной загрузкой

https://www.primefaces.org/primeng/#/table/page

Если вы хотите, чтобы пользовательский и ваш собственный paginator, напишите нижелогика для вашей таблицы

<tr *ngFor="let game of games | paginate: { itemsPerPage: 5, currentPage: p }; let i = index">

См. Как добавить нумерацию страниц в Angular 4 для таблицы?