ng-repeat with limitTo功能和起始索引

时间:2017-10-18 20:15:42

标签: angularjs-ng-repeat angularjs-limitto

让我们说我有[1,2,3,4,5,6,7]数组,我需要拆分它,这样我总有3个对象,即[1,2,3],[4] ,5,6],[5,6,7]点击页面下一步。如何使用angularjs的start index和limitTo功能实现这一目标?

1 个答案:

答案 0 :(得分:0)

检查ng-click处理程序中数组的长度将是我解决此问题的方法。

如下所示:

$scope.items = [1, 2, 3, 4, 5, 6, 7];

$scope.startFrom = 0;

$scope.nextPage = function () {
    if ($scope.startFrom + 3 > $scope.items.length - 3) {
        $scope.startFrom = $scope.items.length - 3;
    }
    else {
        $scope.startFrom += 3;
    }
};

然后:

ng-repeat="item in items | limitTo: 3: startFrom"

如果您对startFrom有任何问题,可能需要检查您的Angular版本。有关详细信息,请参阅this post