Angular 2 分页答案

【问题标题】：Pagination with Angular 2Angular 2 分页
【发布时间】：2019-05-04 10:15:21
【问题描述】：

我正在使用 Angular 5，在我的一个网页中，我点击 DB 来获取记录。但从这个服务电话中，我得到了超过 1,00,000 条记录。而在网页上显示它会花费大量时间并导致糟糕的用户体验。

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

请帮助我如何做到这一点。是否有任何 RxJs 运算符可用。

【问题讨论】：

这更像是一个与 API 相关的问题，而不是 Angular。您的 API 端点应修改为返回 10 条记录以及 next 和 previous 的相关页面详细信息
那么如何实现
分享你的努力。您的 API 端点返回数据。
我们正在使用带有 *ngFor 指令的 HTML 表格来实现它

【解决方案1】：

您可以将primeng p table 与分页器一起使用，或者如果您正在使用引导程序，那么您可以使用引导程序分页

如果您想要自定义和您自己的分页器，请为您的表格编写以下逻辑

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

【讨论】：