angularjs - dir-paginate with two dir-pagination-control -

At this time I have a list of events with an endorsement at the bottom of the list. It works well, but now I want to add an add page from the list. When I change the endorsement on the bottom page now, the pagination on top is not updated.

My business code is:

  & lt; Tbody & gt; & Lt; Tr dir-paginate = "Events in Events | Order: ['id', 't']: true | itemproof: dirPaginate.pageSize" current-page = "dirPaginate.currentPage" & gt; & Lt; Td> & Lt; I class = "{{:: event.el | eventtype) .icon}}" tooltip = "{{:: event.el | eventtype} .tooltip}}" & gt; & Lt; / I & gt; & Lt; / TD & gt; & Lt; Td square = "hidden-x" & gt; {{Event.nr}} & lt; / Td> & Lt; Td> & Lt; Span ng-bind-html = ": :( '' + event.tg | EventMessages: event.d: 'html')" & gt; & Lt; / Span & gt; & Lt; Span class = "visible-xs" & gt; ({{:: event.nr}}) & lt; / Span & gt; & Lt; / TD & gt; & Lt; Td> {{: (Event.t * 1000 | Date: 'Medium Date')}}  & Lt; / TR & gt; & Lt; / Tbody & gt; & Lt; Tfoot & gt; & Lt; TR & gt; & Lt; Td colspan = "5" class = "Endorsement Container" & gt; & Lt; Dir-pagination-control & gt; & Lt; / Dir-pagination-controls & gt; & Lt; / Td> & Lt; / TR & gt; & Lt; / Tfoot & gt;  

How can I uptate both paginations when one of them has been changed?

1. Download from here. .

2. Now include dirPagination.js in your page.

3. Add angularUtils.directives.dirPagination to your module

var app = angular. Modules ("myApp", ['angularUtils.directives.dirPagination']);

  4 
  

  & lt; Tr dir-paginate = "event in event | orderBy: ['id'] use the DIR-paginate directive. ',' T ']: true | itemprofase: diaperagnet page pages" & gt;  

  5. Add the code given to the top and bottom of your grid below. Both endorsement controls include & lt; Dir-pagination-control max-size = "5" direction-link = "true" range-link = "true" & gt; & Lt; / Dir-endorsement control & gt;