здесь я решил проблему с разбивкой по углам jS с некоторыми улучшениями на стороне сервера + просмотр конца, вы можете проверить код, который будет более эффективным. все, что мне нужно сделать, это положить два значения начального номера и конечного числа, он будет представлять индекс возвращаемого массива json.
вот угловая
var refresh = function () {
$('.loading').show();
$http.get('http://put.php?OutputType=JSON&r=all&s=' + $scope.CountStart + '&l=' + $scope.CountEnd).success(function (response) {
$scope.devices = response;
$('.loading').hide();
});
};
, если вы внимательно посмотрите $ scope.CountStart и $ scope.CountStart - два аргумента, которые я передаю с помощью api
вот код для следующей кнопки
$scope.nextPage = function () {
$('.loading').css("display", "block");
$scope.nextPageDisabled();
if ($scope.currentPage >= 0) {
$scope.currentPage++;
$scope.CountStart = $scope.CountStart + $scope.DevicePerPage;
$scope.CountEnd = $scope.CountEnd + $scope.DevicePerPage;
refresh();
}
};
вот код предыдущей кнопки
$scope.prevPage = function () {
$('.loading').css("display", "block");
$scope.nextPageDisabled();
if ($scope.currentPage > 0) {
$scope.currentPage--;
$scope.CountStart = $scope.CountStart - $scope.DevicePerPage;
$scope.CountEnd = $scope.CountEnd - $scope.DevicePerPage;
refresh();
}
};
, если номер страницы равен нулю, моя предыдущая кнопка будет деактивирована
$scope.nextPageDisabled = function () {
console.log($scope.currentPage);
if ($scope.currentPage === 0) {
return false;
} else {
return true;
}
};