Question

如何使用角度为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

使用mat-paginator angular 5材质显示Pagenumbers

1 个答案: