Angular 9 Mat-Paginator - 翻译答案

【问题标题】：Angular 9 Mat-Paginator - TranslationAngular 9 Mat-Paginator - 翻译
【发布时间】：2020-07-08 01:34:18
【问题描述】：

如何在 Angular 9 中翻译分页器？

当我添加时

paginatorRefresh() {
    setTimeout(() => this.dataSourceAma.paginator = this.paginator);
    this.dataSourceAma.sort = this.sort;
    this.paginator._intl.itemsPerPageLabel = 'Einträge pro Seite';
    this.paginator._intl.getRangeLabel = germanRangeLabel;
    // this.loading = false;
}

我在控制台中收到错误：

** TypeError: Cannot read property '_intl' of undefined**

【问题讨论】：

A previous answer 更新了有关如何进行翻译的信息
谢谢，对我有用
这能回答你的问题吗？ How to translate mat-paginator in Angular 4?
我们不会通过将问题添加到此处的标题来将问题标记为已解决。如果您自己想出了答案，则可以将其作为答案（自我回答是完全可以接受的）。如果其他人的答案解决了它，您可以将其标记为已接受。如果答案是关于另一个问题，那么您应该接受重复的建议。

标签： javascript angular angular-material

【解决方案1】：

只需要两个操作：

在你的模块中，添加：

providers:[
{ provide: MatPaginatorIntl, useValue: getPortuguesPaginatorIntl() }
]

创建文件paginator.translate.ts

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


const portuguesRangeLabel = (page: number, pageSize: number, length: number) => {
  if (length == 0 || pageSize == 0) { return `0 de ${length}`; }

  length = Math.max(length, 0);

  const startIndex = page * pageSize;

  // If the start index exceeds the list length, do not try and fix the end index to the end.
  const endIndex = startIndex < length ?
    Math.min(startIndex + pageSize, length) :
    startIndex + pageSize;

  return `${startIndex + 1} - ${endIndex} de ${length}`;
}

export function getPortuguesPaginatorIntl() {
  const paginatorIntl = new MatPaginatorIntl();
  paginatorIntl.itemsPerPageLabel = 'Items por página:';
  paginatorIntl.nextPageLabel = 'Próxima página';
  paginatorIntl.previousPageLabel = 'Página anterior';
  paginatorIntl.firstPageLabel = 'Primeira página';
  paginatorIntl.lastPageLabel = 'Ultima página';
  paginatorIntl.getRangeLabel = portuguesRangeLabel;
  return paginatorIntl;
}

【讨论】：