【问题标题】: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 选项相同)。

    结果

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-12-10
      • 2015-06-16
      • 1970-01-01
      • 1970-01-01
      • 2016-07-11
      • 1970-01-01
      • 2017-07-10
      • 2016-07-11
      相关资源
      最近更新 更多