分组元素的AngularJs分页

我试图在分组列表上分页，但我有循环依赖的错误

我对angular是个新手，从其他答案中得到了这个代码，但无法分页

这是一把小提琴：

angular.module（'test'，['ui.bootstrap']）；
主功能（$scope，$q）{
$scope.players=[//我的数据]
//创建要稍后解析的延迟对象
var teamsdeerred=$q.defer（）；
//回报一个承诺。承诺上写着：“我保证我会给你你的
//一旦我有了数据（这是我解决问题时的数据）”。
$scope.teams=teamsDeferred.promise；
//创建一个独特团队的列表
var uniqueTeams=unique（$scope.players，'team'）；
//使用唯一的团队解析延迟对象
//这将触发视图上的更新
teamsDerred.resolve（唯一团队）；
//获取对象数组的函数
//并返回对象中唯一值的数组
//指定键的数组。
//这实际上属于服务，而不是全局窗口范围
功能唯一（数据、键）{
var结果=[]；
对于（变量i=0；i

为您修复了代码

应用过滤器时，需要更改顺序

<div ng-repeat="team in teams| startFrom:(currentPage - 1)*pageSize  | limitTo:pageSize ">

---

作为旁注，我如何过滤记录？我已经更新了fiddle，但筛选的记录仍保留在其自己的页面中…这里添加了带有searchInput筛选器的新fiddle：

<div ng-repeat="team in teams| startFrom:(currentPage - 1)*pageSize  | limitTo:pageSize ">

app.filter('startFrom', function () {
    return function (input, start) {
        if (input === undefined || input === null || input.length === 0) return [];
        start = +start; //parse to int
        return input.slice(start);
    }
});