是否有办法隐藏<>的长度，使其为"1-10“而不是”100的1-10“？
是否有办法隐藏<>的长度，使其为"1-10“而不是”100的1-10“？
提问于 2021-04-23 15:09:34
我有一个角度11的网络应用程序使用这样的<mat-paginator> .
<mat-paginator [length]="11"
[pageSize]="10"
[pageSizeOptions]="[5, 10, 25]"
</mat-paginator>它显示Showing 1-10 of 11 ..。但实际上有超过11，我只知道如果有超过11，由于技术原因，我没有总数。
当您单击“next”时，它将变成Showing 11-20 of 21 (因为我知道有20多个)。
是否有办法隐藏文本中的“11”部分？
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-04-23 15:44:29
方法(.)返回x的标签MatPaginatorIntl.getRangeLabel 1-10正如我们所看到的，https://github.com/angular/components/blob/7cc42f5d835b7971e9ff73e220b801cf7834d515/src/material/paginator/paginator.html#L31
因此，我们可以在技术上创建一个扩展MatPaginator的类，并使用它自己的getRangeLabel()实现提供一个自定义的MatPaginatorIntl。首先扩展MatPaginatorIntl国际化类
export class CustomPaginatorIntl extends MatPaginatorIntl{
constructor(){
super();
}
getRangeLabel: (page: number, pageSize: number, length: number){
return `${page * pageSize + 1} – ${startIndex + pageSize}`;
}
}然后，您可以在CustomPaginatorIntl上提供app.module.ts：
providers: [{ provide: MatPaginatorIntl, useClass: CustomPaginatorIntl}] 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67232478
复制相关文章
相似问题
腾讯云开发者
