dir-paginate с двумя контрольными позициями

Question

на данный момент у меня есть список событий с разбивкой на страницы внизу списка. Это работает хорошо, но теперь я хочу добавить дополнительную разбивку по страницам списка. Когда я теперь изменяю разбивку на страницы внизу, разбиение на страницы сверху не обновляется.

Мой рабочий код:

<tbody> 
     <tr dir-paginate="event in events | orderBy:['id', 't']:true | itemsPerPage: dirPaginate.pageSize" current-page="dirPaginate.currentPage"> 

      <td><i class="{{ ::(event.el | eventtype).icon }}" tooltip="{{ ::(event.el | eventtype).tooltip }}"></i></td> 
      <td class="hidden-xs">{{::event.nr}}</td> 
      <td><span ng-bind-html="::('' + event.tg | eventMessage:event.d:'html')"></span> 
       <span class="visible-xs"> ({{::event.nr}})</span> 
      </td> 
      <td>{{ ::(event.t * 1000 | date:'mediumDate')}} <span class="visible-xs">{{ ::(event.t * 1000 | date:'mediumTime')}}</span></td> 
      <td class="hidden-xs">{{ ::(event.t * 1000 | date:'mediumTime')}}</td> 
     </tr> 
     </tbody> 
     <tfoot> 
      <tr> 
       <td colspan="5" class="paginationContainer"><dir-pagination-controls></dir-pagination-controls></td> 
      </tr> 
     </tfoot> 

Как я могу uptate как вёрстка, когда один из них изменилось?

Answer 1

1. Скачать dirPagination.js отсюда. ,

2. Теперь включите dirPagination.js на свою страницу.

3. Добавить angularUtils.directives.dirPagination в модуле как этот

вар приложение = angular.module ("MyApp", [ 'angularUtils.directives.dirPagination']);

4.we use dir-paginate directive for pagination add dir-paginate in tr tag 

<tr dir-paginate="event in events|orderBy:['id', 't']:true | 
    itemsPerPage: dirPaginate.pageSize"> 

5.Add below given code on upper and lower side of your grid .it will automatically update page no. in both pagination controls. 


<dir-pagination-controls 
      max-size="5" 
      direction-links="true" 
      boundary-links="true" > 
     </dir-pagination-controls>