相关疑难解决方法(0)

我正在使用MatPaginator组件,我正在试图弄清楚如何翻译这些标签(文档对此不够清楚).

我发现这篇文章显示了如何执行此操作,并按照以下步骤操作:

1 - 我创建了一个名为的文件custom-paginator.ts并在其中放置以下内容:

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

export class CustomPaginator extends MatPaginatorIntl {
  constructor() {
    super();
    this.nextPageLabel = ' My new label for next page';
    this.previousPageLabel = ' My new label for previous page';
    this.itemsPerPageLabel = 'Task per screen';
  }
}

2 - 在app.module.ts我说:

@NgModule({
  // ...
  providers: [
    {
      provide: MatPaginatorIntl,
      useClass: CustomPaginator
    }
  ]
})
export class AppModule

但是,它根本不会改变任何东西.我错过了什么？

我将 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();
  }
}

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

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

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

我在Angular 4上使用了材质设计.我在底部有一个带有分页器的表:

有没有办法翻译Angular4中的"每页项目数"？

我有权访问这个标签

this.paginator._intl.itemsPerPageLabel

在我的组件的.ts文件中,我放入ngOnInit()

我也有i18n fo .json文件的翻译,其结构是:

"MESSAGES_LIST_TABLE": {
      "DATE": "Date",
      "FROM": "From",
      "TO": "To",
      "MESSAGE": "Message",
      "AMOUNT": "Amount",
      "BALANCE": "Balance",
      "AVAILABLE_BALANCE": "Avail. bal",
      "ITEMS_PER_PAGE": "Items per page"
}

我能以某种方式翻译它吗？

this.paginator._intl.itemsPerPageLabel = {{'CUSTOMER.MESSAGES_LIST_TABLE.ITEMS_PER_PAGE' | translate}}

Angular 6/7，材料设计。

由于我无法访问项目总数，因此项目计数无关紧要（屏幕截图中的框）。

如何完全删除项目计数？或者显示我当前所在的页面而不是项目数？

<mat-paginator
    itemsPerPageLabel="Items per page"
    (page)="changePage()"
    [length]="resultsLength"
    [pageSizeOptions]="[10, 100]">
</mat-paginator>

我使用角度材质。如何在分页中更改标签中的文本？用于页面尺寸选择器的标签。

我尝试这样做，但没有帮助：

<mat-paginator [pageSizeOptions]="[5, 10, 20]" [itemsPerPageLabel]="['The amount of data displayed']" showFirstLastButtons></mat-paginator>