範圍格式md-pagination Angular Material

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選項一起使用）。

結果