【问题标题】:Range format md-pagination Angular Material范围格式 md-pagination Angular Material
【发布时间】:2017-07-19 17:52:11
【问题描述】:
我正在使用 ng2-material,我想知道是否可以将分页格式设置为使用页面而不是行号?
我认为他们遵循 Material Design 的数据表规范,然后您只能显示像 1 - 10 of 100 这样的分页数据?
我想知道是否可以显示像Page 1 of 3这样的分页
在文档中,您可以看到 rangeFormat 仅接受 {start}、{end} 和 {total} 值,但这没有帮助。是否有可能以某种方式操纵这些值来实现我想要的?
【问题讨论】:
标签:
angular
pagination
format
range
material-design
【解决方案1】:
回答我自己的问题:
我已经使用了一种解决方法,我会把它留在这里以防将来有人需要它。
使用<md-pagination> 来实现我想要的我需要使用itemsPerPageAfter 选项。
这样结束
<md-pagination [model]="pagination" name="basic" (on-pagination-change)="detectChange($event)" [items-per-page-options]="availableLength" [range]="false" items-per-page-after="Page {{pagination.currentPage }} of {{totalPages}}"></md-pagination>
有必要应用自定义 css(与 rangeFormat 选项相同)。
结果