2016-12-20 3 views
0

Я использую ng2-материал, и я хотел бы знать, можно ли форматировать разбиение на страницы для работы со страницами, а не с номерами строк?Формат диапазона md-pagination Angular Material

Я думаю, что они следуют спецификациям таблицы данных из Material Design, и тогда вы можете отображать только данные разбивки на страницы, такие как 1 - 10 of 100?

Я хотел бы знать, если это возможно, чтобы показать, как пагинацию Page 1 of 3

в документации вы можете увидеть, что rangeFormat принимает только {start}, {end} и {total} ценности, но это не помогает. Можно ли каким-то образом манипулировать этими значениями для достижения того, чего я хочу?

ответ

0

Отвечая на мой собственный вопрос:

Я использовал обходной путь, и я оставлю его здесь, в случае кто-то нуждается в будущем.

Использование <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).

enter image description here

 Смежные вопросы

  • Нет связанных вопросов^_^