如何更改 Material Paginator 中的默认标签？

Question

我正在使用 Material Paginator 对我的表格进行分页。 我的应用程序具有 RTL 风格。 我需要更改默认的 mat paginator 标签（到另一种语言）。 这怎么可能？ 我可以自定义标签吗？

Answer 1

在您使用材料分页器的组件中，将此添加到.component.ts 文件

import { MatPaginatorIntl } from '@angular/material/paginator';

export class AppComponent {
  constructor(private paginator: MatPaginatorIntl) {
    paginator.itemsPerPageLabel = "My Items Per Page";
    paginator.firstPageLabel = "First Page Label";
    paginator.nextPageLabel = "My Next Page";
    paginator.previousPageLabel = "My Previous Page";
    paginator.getRangeLabel = (page: number, pageSize: number, length: number) => {
      length = Math.max(length, 0);
      const startIndex = page * pageSize;
      const endIndex =
        startIndex < length
          ? Math.min(startIndex + pageSize, length)
          : startIndex + pageSize;
      return `${startIndex + 1} of ${endIndex} / ${length}`;
    }
  }
  // ...
}

参见https://material.angular.io/components/paginator/api#material-paginator-services