博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angular material中自定义分页信息
阅读量:6371 次
发布时间:2019-06-23

本文共 1244 字,大约阅读时间需要 4 分钟。

在项目开发中,用到了Material的分页组件,需要对该组件进行汉化。

首先创建自定义汉化类:

import {MatPaginatorIntl} from '@angular/material';export class MatPaginatorIntlCro extends MatPaginatorIntl  {  /** A label for the page size selector. */  itemsPerPageLabel = '每页条数: ';  /** A label for the button that increments the current page. */  nextPageLabel = '下一页';  /** A label for the button that decrements the current page. */  previousPageLabel = '上一页';  /** A label for the button that moves to the first page. */  firstPageLabel = '首页';  /** A label for the button that moves to the last page. */  lastPageLabel = '尾页';  /** A label for the range of items within the current page and the length of the whole list. */  getRangeLabel =  (page: number, pageSize: number, length: number) => {    if (length === 0 || pageSize === 0) {      return '0 od' + length;    }    length = Math.max(length, 0);    const startIndex = page * pageSize;    const endIndex = startIndex < length                      ? Math.min(startIndex + pageSize, length)                      : startIndex + pageSize;    return `第${startIndex + 1}-${endIndex}条, 总共${length}条`;  }}

app.module.ts中声明该Provider:

providers: [    {provide: MatPaginatorIntl, useClass: MatPaginatorIntlCro }    ]

这样在再使用分页组件时,相关信息将显示中文。

转载地址:http://enyqa.baihongyu.com/

你可能感兴趣的文章
关于/var/run/docker.sock
查看>>
SCrapy爬虫大战京东商城
查看>>
用 JavaScript 实现链表操作 - 11 Alternating Split
查看>>
Laravel优秀扩展包整理
查看>>
日志分析之识别真假蜘蛛与处理办法
查看>>
太多脚本将会毁掉持续交付
查看>>
一地鸡毛 OR 绝地反击,2019年区块链发展指南
查看>>
卢森堡大学发布RepuCoin系统,可破解区块链51%攻击
查看>>
国内云计算厂商众生相:四大阵营十几家企业生存盘点
查看>>
细说Unicode(一) Unicode初认识
查看>>
Node.js有了新的管理者
查看>>
Java 20年:历史与未来
查看>>
彻底理解Javascript中的原型链与继承
查看>>
腾讯最大规模裁撤中层干部,让贤年轻人
查看>>
如何:强化 TCP/IP 堆栈安全
查看>>
Spring3 MVC中使用Swagger生成API文档
查看>>
FastCGI PHP on Windows Server 2003
查看>>
LimeSDR Getting Started Quickly | LimeSDR上手指南
查看>>
JSP标签JSTL的使用(1)--表达式操作
查看>>
SAP顾问的人脉比技术更为重要
查看>>