angular - Angular 2 分页

Question

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

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

请帮我怎么做。是任何可用的 RxJs 运算符。

标签： angulardatatable

Answer 1

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

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

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

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

请参阅如何在 Angular 4 中为表格添加分页？