如何使用 skip 参数使用 angular-ui bootstrap 进行服务器端分页？

Question

我有许多使用 ng-repeat 生成的项目，我必须通过获取项目的计数值在我可以看到的任何地方添加 pagination.but，我可以添加。但我无法使用skip。即，如果跳过值是 10，它将跳过第一个项目并列出其他项目，我需要使用 angular-ui bootstrap 来使用跳过值。
服务中的以下代码

mainEvents: function() {
        var self = this;
        var skipNumber=2;
        return $http.get(UrlService.baseUrl + '/event/upcoming?count='+ skipNumber).then(function(response) {
            // var events = response.data;
            var events = response.data.events;
            var upEvents=[];

            var eventsLen = events.length;
            for (var i = 0; i < eventsLen; i++) {
                self.prepareForRendering(events[i]);
            }
            var totalItems = response.data.events.length;

            angular.copy(response.data.events, upEvents)
             console.log(upEvents);
            // angular.copy(response.data.tracks, $scope.tracks)
            return events;

        }, function(response) {
            return $q.reject(response.data.error)
        });
    },
$scope.pageChanged = function() {
    mainEvents();
  };

标记

<ul>
  <li ng-repeat="event in events">{{event.name}}</li>
</ul>

<pagination total-items="totalItems" ng-model="skipNumber" ng-change="pageChanged()" items-per-page="1"></pagination>

根据点击的页码，skipNumber 增加 10、20 等等，如何做 it.can 任何人请帮助我

Answer 1

工作fiddle。

events变量是一个数组，所以你可以用slice方法来处理它： ng-repeat="event in events.slice( (currentPage - 1) * itemsPerPage, currentPage * itemsPerPage )".

你在这里设置itemsPerPage为1：items-per-page="1"和currentPage为($scope.skipNumber / $scope.itemsPerPage) + 1（这里的除法结果必须是整数）。

结果 html 看起来像：

<ul>
  <li ng-repeat="event in events.slice( (currentPage - 1) * itemsPerPage, currentPage * itemsPerPage)">{{event.name}}</li>
</ul>

<pagination total-items="totalItems" ng-model="currentPage" items-per-page="itemsPerPage"></pagination>

如何使用 skip 参数使用 angular-ui bootstrap 进行服务器端分页？

How to do the server side pagination using angular-ui bootstrap using skip parameter?

javascript

pagination

angularjs

angular-ui-bootstrap