Angular Material Paginator 使用来自前端的数据答案

【问题标题】：Angular Material Paginator Using Data from Front-EndAngular Material Paginator 使用来自前端的数据
【发布时间】：2020-02-19 15:06:07
【问题描述】：

我从后端一次性收集所有数据，并使用 Angular Material 分页器。所有数据都显示在同一页面中。有人可以告诉我如何使用 angular material 分页器根据页面大小划分数据并在不同页面中显示数据。

我在 UI 中显示的数据不是带有列的表格格式，而是卡片格式的数据列表。它是一个 Ionic 4 Angular 8 应用程序，在 HTML 中带有离子元素，我已将 mat-paginator 放在 ion-header 标记内。

【问题讨论】：

【解决方案1】：

您需要做的就是在表格下方添加分页器并指定页面大小：

<mat-paginator [pageSize]="10"></mat-paginator>

【讨论】：

我在 UI 中显示的数据不是带有列的表格格式，而是卡片格式的数据列表。这是一个 Ionic 4 Angular 8 应用程序，在 HTML 中带有离子元素，我已将 mat-paginator 放在 ion-header 标记内。此外，正如你所建议的，我尝试将 mat-paginator 放在数据卡之后，但它仍然显示所有数据。请帮助解决问题。