小编Edw*_*Sun的帖子

如何在 Angular 6+ 中的 mat-paginator 中更改 itemsPerPageLabel

我将 Angular 6.0.3 与 Angular Material 7.1.0 一起使用,我的分页器位于一个单独的组件中(不是 app.component)。到目前为止我尝试过的:

创建名为 myPagniator.ts 的单独 ts 文件:

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

export class MyPaginatorLabel extends MatPaginatorIntl {

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

  constructor() {
    super();
  }
}
Run Code Online (Sandbox Code Playgroud)

在我的 app.module.ts 中:我从 Angular Material 中导入了 MatPaginatorModule、MatPaginatorIntl。在 app.module.ts 的 providers 数组中,我放入了 MyPaginatorLabel 和 MatPaginatorIntl。

在使用 Angular MatPaginator 的组件中,我扩展了 MyPaginatorLabel 类并让它的构造函数调用 super() 方法,在这一切之后它仍然显示默认文本“itemsPerPage”

我在这里做错了什么??有人能给我一点提示吗?

pagination typescript angular-material angular6

9
推荐指数
4
解决办法
2万
查看次数