Блог

Я использую угловую нумерацию страниц, в которой, если страницы слишком много, она отображает разбивку на страницы, как логика Google.

Вот скриншот для того же

Я хочу ограничить ширину разбивки на страницы, поэтому мне нужно удалить некоторые дополнительные номера, чтобы показать, есть ли какой-нибудь способ удалить некоторые страницы, например, показать 7 страниц в начале, могу ли я ограничить его до 3 страниц.

Это мой полный код

HTML разбивка на страницы

 <div class="paginationCont">
    <dir-pagination-controls boundary-links="true" on-page-change="pageChangeHandler(newPageNumber)" template-url="templates/pagination_ctrls.html"></dir-pagination-controls>
</div>
  

Печать строк

 <tr ng-hide="transStatus=='inactive'" dir-paginate="item in transactions | filter: transSearch | itemsPerPage: pageSize" current-page="currentPage">
    <td><div class="checkbox"><label><input type="checkbox" ng-checked="allCheck"> {{item.txn_id}}</label></div></td>
     <td>{{item.name}}</td>
     <td>{{item.datetime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
    <td>{{item.amount}}</td>
    <td>{{item.client_cut}}</td>
    <td ng-switch="item.status"><span ng-switch-when="1">Active</span><span ng-switch-when="0">Inactive</span></td>
</tr>
  

вы можете использовать . max-size
(необязательно, по умолчанию = 9), чтобы указать максимальное количество отображаемых ссылок на страницы. Значение по умолчанию равно 9, а минимальное значение равно 5 (установка меньшего значения, чем 5, не будет иметь эффекта).

таким образом, ваш html-код разбиения на страницы будет

 <div class="paginationCont">
    <dir-pagination-controls max-size="5" boundary-links="true" on-page-change="pageChangeHandler(newPageNumber)" template-url="templates/pagination_ctrls.html"></dir-pagination-controls>
</div>
  

после добавления max-size =»5″ разбивка на страницы будет выглядеть следующим образом

Надеюсь, это вам поможет.