DirPaginate: Update pagination on change data array

Hey Michael,

Thanks a million for this directive it is amazing.

I’m using this directive in a custom table directive that I wrote. Items in the table can be deleted and new items could be added by the user. Now when I delete or add an items the pagination does NOT update by itself. I might be missing something but as far as I can see I can’t refresh the pagination with the current options.

Down to the question: Is the currently a way to update the pagination once the data array changes?

For all clearity. In the following example ‘items’ would be what I mean with data array:

<li dir-paginate="item in items | itemsPerPage: 10">{{ item }}</li>

[michaelbromley]

Okay I see why you were getting that unexpected behaviour. You are correct in that this a an Angular-related issue rather than something specific to this module.

Here is how I would handle this: instead of an ng-if on the deleted property, you could add an additional filter using a custom predicate function:

<li dir-paginate="meal in meals | filter:deletedFilter | filter:q | itemsPerPage: pageSize" current-page="currentPage">
    <span class='delete-me-btn' ng-click="deleteMe(meal)">x</span>     <span>{{meal.value}}</span>
</li>

// controller
$scope.deleteMe = function(item) {
    item.deleted = true;
}

$scope.deletedFilter = function(item) {
    return !item.deleted;
};

Demo: http://plnkr.co/edit/Pl3BHqhngjxftzzrkEbC?p=preview

[michaelbromley]

Hi,

When you say “refresh”, do you mean that the collection length has not changed, but the contents themselves have changed?

As far as I am aware (and I just tested it out in plunker (http://plnkr.co/edit/jcQ6jFq6oGOn1VlUnoYl?p=preview), if you change the collection, it should update automatically.

This of course assumes that any changes made are done within the Angular digest cycle. That is to say, if your collection is modified by some code external to Angular, then you might have to call a $scope.$apply(); to force Angular to check the changes.

If none of that helps, please get back to me with more specifics of what you are trying to do.