范围格式md-pagination角度材质

Question

我使用的是ng2-material，我想知道是否可以将分页格式设置为使用页面而不是行号？

我认为他们遵循Material Design中的数据表规范，然后您只能显示1 - 10 of 100这样的分页数据？

我想知道是否可以显示Page 1 of 3

这样的分页

在文档中，您可以看到rangeFormat仅接受{start}，{end}和{total}值，但它没有帮助。是否有可能以某种方式操纵这些值来实现我想要的目标？

Answer 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选项中使用）。

结果