angular - 使用 mat-paginator angular 5 Material 显示页码

Question

如何在 Angular 5 中使用 mat-paginator 显示页码。目前它仅支持箭头，但我想显示页码，如 ngx-paginator

Answer 1

在我看来，您好像是在专门询问如何显示页面上可见项目的数量。我相信当我开始使用以下指令时，项目范围会自动出现。但是，如果您指的是页面大小选项或页面上可见的项目数，则以下代码将为您提供帮助。

您需要使用指令来显示页码和页面大小选项。以下是您的模板的分页器代码示例，它显示了您要查找的内容:

<mat-paginator #paginator
           [pageSize]="10"
           [pageSizeOptions]="[5, 10, 20]"
            [showFirstLastButtons]="true">
</mat-paginator>

您可以使用 @ViewChild(MatPaginator) paginator: MatPaginator; 从代码修改分页器。

此外，这里有两个指向 Angular Material 文档相关部分的链接可以帮助您解决问题:

https://material.angular.io/components/paginator/overview https://material.angular.io/components/paginator/api