如何隐藏或更改 mat-paginator 中的工具提示文本？

Question

我想更改/隐藏工具提示 - mat-paginator 中的下一页和上一页。

<mat-paginator [length]="lenght" [pageSize]="size">
</mat-paginator>

Answer 1

MatPaginator在您的组件类中，您需要获取对使用的引用@ViewChild。从该引用中，您可以访问MatPaginatorIntl服务，该服务可让您更改不同的标签。

例如，以下示例将隐藏上一个和下一个按钮的工具提示。

@ViewChild(MatPaginator, undefined) paginator: MatPaginator;

ngOnInit() {
    const paginatorIntl = this.paginator._intl;
    paginatorIntl.nextPageLabel = '';
    paginatorIntl.previousPageLabel = '';
}