Как скрыть или изменить текст всплывающей подсказки в 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 = '';
}