如何更改 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