用Angular 2分页

时间:2018-12-03 06:07:55

标签: angular datatable

我正在使用Angular 5,在我的网页之一中,我正在命中DB来获取记录。 但是通过此服务电话,我获得了1,00,000多个记录。 同时在网页上显示它会花费很多时间,并导致不良的用户体验。

剩余的记录将与现有记录合并后,我想在网页上显示10条记录。

请帮助我该怎么做。任何RxJs运算符可用。

1 个答案:

答案 0 :(得分:0)

您可以使用带有分页器的primeng p表,或者如果使用引导程序,则可以使用引导程序分页

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

如果您希望将其自定义并使用自己的分页器,则在表格的逻辑下面编写

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

引用How to add pagination in Angular 4 for a table?