如何在 Angular 4 中翻译 matpaginator

你可以用MatPaginatorIntl来做这个.Will Howell made这是一个不再有效的例子，所以这里有一个更新版本(荷兰语)和分步指导.

1. 将@angular/material中的MatPaginatorIntl导入应用程序.
2. 为您的语言环境创建一个新的paginator文件(在本例中，我使用Dutch)，并在main.ts文件中导入该文件:import { getDutchPaginatorIntl } from './app/dutch-paginator-intl';
3. 为main.ts文件中的分页器设置provider，这样它会接受本地文件的翻译(而不是默认语言为英语):

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

4. 在您的paginator-intl文件中，为可以翻译的字符串设置标签，然后导出这些标签.该文件最重要的部分(有关详细信息，请参阅示例):

paginatorIntl.itemsPerPageLabel = 'Items per pagina:';
paginatorIntl.firstPageLabel = 'Eerste pagina';
paginatorIntl.previousPageLabel = 'Vorige pagina';
paginatorIntl.nextPageLabel = 'Volgende pagina';
paginatorIntl.lastPageLabel = 'Laatste pagina';
paginatorIntl.getRangeLabel = dutchRangeLabel;

Example on StackBlitz，并以分页器转换文件为起点.

June 2018 - Update to Angular 6.x

June 2019 - Update to Angular 8.x

February 2020 - Update to Angular 9.x

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

June 2020 - Update to Angular 10.x
更新后的Example on StackBlitz升级到了Angular 10.x，以适应最新版本的框架.只有包发生了变化，分页器内部没有任何变化.

December 2020 - Update to Angular 11.x
更新后的Example on StackBlitz升级到了Angular 11.x，以适应最新版本的框架.只有包发生了变化，分页器内部没有任何变化.

May 2021 - Update to Angular 12.x

January 2022 - Update to Angular 13.x