Angular ui pagination not working

Question

Can some one spot error with this pagination. Date in the table is not updating with change of page links

                <uib-pagination
                        ng-model="currentPage"
                        total-items="rows.length"
                        max-size="maxSize"
                        boundary-links="true">
                </uib-pagination>

http://plnkr.co/edit/1XPI7zwSrooBeAcBNddU?p=preview

You haven't posted enough code in the question itself to really understand or reproduce your problem. however, just a quick glance at your linked plunker shows that you are using a different ng-model for your pagination control than for the table. — Claies
– Claies, Commented Oct 20, 2015 at 6:29
your pagination is using ng-model="currentPage", but your table is using ng-model="filteredRows", so the pagination control will have no effect on that table. — Claies
– Claies, Commented Oct 20, 2015 at 6:47
i have a $watch method that changes filteredrows basing on currentPage selection — lch
– lch, Commented Oct 20, 2015 at 6:49
I don't think you need all the watch stuff ... see my answer below. — o4ohel
– o4ohel, Commented Oct 20, 2015 at 6:50

o4ohel · Accepted Answer · 2015-10-20 06:49:17Z

5

I think you could simplify your code a little ... This should work:

HTML (just the diff):

<tr ng-repeat="reservation in rows | limitTo:numPerPage:(currentPage - 1) * numPerPage">

JS:

$scope.rows=[ ... ];
$scope.currentPage = 1;
$scope.numPerPage = 3;
$scope.maxSize = 5;
$scope.startAt = 0;

answered Oct 20, 2015 at 6:49

o4ohel

1,78913 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular ui pagination not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related