当集合大小发生变化时，如何在Angular中实现分页

Question

我正在尝试对表使用angular-UI分页，我正在拼接页面与数组相交的数组。但是我不清楚如何处理这些对象数组被添加到表本身并从表中删除的事实。

另外，我正在通过ng-repeat中对象的name属性对过滤器进行排序。我希望我的模型数组中的item [0]是什么，与通过ng-repeat表格中显示的第一个项目无关......我可能错了。

我正在寻找有关如何在ng-repeat对列表进行排序时实现分页的建议，并且集合大小一直在变化。

此致

我

Answer 1

您可以尝试一次使用多个过滤器，例如：

ng-repeat="item in items | myFilter | limitTo:pageNumber*perPage | limitTo: -perPage"

这允许您在每次收集/模型更改时首先使用过滤器，然后显示最后一次＆＃34; perPage＆＃34;记录取决于＆＃34; pageNumber＆＃34;。

Answer 2

请参阅演示：http://plnkr.co/edit/3nqRHUySsJZwpKQiMMTm?p=preview

只需将观看设为yourCollection.length

即可

即：

     $scope.$watch('yourCollection.length', function(){

        $scope.bigTotalItems = $scope.yourCollection.length;

      }

)