Angular 如何更改mat paginator中的itemsPerPageLabel（角度4）

我正在使用Angular 4，我需要更改paginator的值“每页项目数”。我怎样才能得到这个值

HTML:

我从“@angular/material”导入了{MatPaginatorModule}，并将MatPaginatorIntl放入提供程序中

那么在.ts文件中我应该做什么

把这个放在我的组件中对吗

export class MatPaginatorIntl {
  itemsPerPageLabel = "1234";
}

---

要自定义/更改itemsPerPageLabel，我们需要在组件类中扩展MatPaginatorIntl类，还需要在模块中的providers数组中提供。

应用程序组件.ts-

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

export class AppComponent extends MatPaginatorIntl {

 itemsPerPageLabel = 'custome_label_name';//customize item per page label

  constructor() {
    super();
  }
}

app.component.html-

 <mat-paginator> </mat-paginator>

import { MatPaginatorIntl, MatPaginatorModule } from '@angular/material';
import { AppComponent } from './app.component';

@NgModule({
  imports: [
    MatPaginatorModule
  ]
    providers: [
    { provide: MatPaginatorIntl, useClass: AppComponent }
  ]
})

---

我们还可以更改MatPaginatorIntl类中的以下标签：-

• itemsPerPageLabel:字符串
  （页面大小选择器的标签。）
• 下一个标签：字符串
  （增加当前页面的按钮标签。）
• previousPageLabel:字符串
  （按钮的标签，用于减少当前页面。）
• firstPageLabel:字符串
  （按钮的标签，用于减少当前页面。）
• lastPageLabel:字符串
  （移动到最后一页的按钮的标签。）

---

哇，这些文件很糟糕。看这里，我仍然在寻找正确的文档来实现这一点。有什么帮助吗？谢谢，工作很顺利

 <mat-paginator> </mat-paginator>

import { MatPaginatorIntl, MatPaginatorModule } from '@angular/material';
import { AppComponent } from './app.component';

@NgModule({
  imports: [
    MatPaginatorModule
  ]
    providers: [
    { provide: MatPaginatorIntl, useClass: AppComponent }
  ]
})