angular2 material paginator MatPaginator MatPaginatorIntl
发布时间:2020-12-17 08:22:07 所属栏目:安全 来源:网络整理
导读:angular material的网站上看个自定义分页看了半天没看懂,, 后来去stackoverflow上看到了个回答:https://stackoverflow.com/questions/47593692/how-to-translate-mat-paginator-in-angular4 代码: https://stackblitz.com/edit/angular-5mgfxh?file=main
angular material的网站上看个自定义分页看了半天没看懂,, import { MatPaginatorIntl } from '@angular/material';
const getRangeLabel = (page: number,pageSize:number,length:number){
if(length ===0 || pageSize === 0) {
return '0 of ' + length;
}
legnth = Math.max(length,0);
const startIndex = page * pageSzie;
const endIndex = startIndex < length ? Math.min(startIndex + pageSize,length): startIndex + pageSize;
return '第' + (startIndex + 1) + ' - ' + endIndex + '条,共 ' length' + length + '条';
}
export function myPaginator(){
const p = new MatPaginatorIntl();
p.itemsPerPageLabel = '当前页数';
p.nextPageLabel = '下一页';
p.previousPageLabel = '上一页';
p.firstPageLabel = '第一页';
p.lastPageLabel = '最后一页';
return p;
}
2.在module的providers里加入: providers: [
{ provide: MatPaginatorIntl,useValue: myPaginator() }
]
3.正常的使用paginator组件 <mat-paginator [length]="100" [pageSize]="10"></mat-paginator> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
- .net Remoting vs WebServices (还没来得及翻译
- git – docker错误:输入设备不是TTY.如果您使
- Advanced Programming in UNIX Environment Epis
- 因添加两个webservice引用时提示:{"无法加载
- scala – SBT依赖树
- scala – 将正常递归转换为尾递归
- disable editplus's .bak file
- angularjs – angular mock“module”导致'[
- 可以在不同的脚本中使用bash函数吗?
- twitter-bootstrap – 如何禁用退出键的Twitter
热点阅读