Использовать привязку API Laravel в приложении AngularJS

Question

Я создаю простое приложение Laravel + AgnularJS. Первоначально у меня есть ресурс пользователей в Laravel, и он отправляет всех пользователей из метода индекса. Он находится здесь:

http://todoapi.rohanchhabra.in/users

Теперь, я включил пагинацией в Laravel, что означает, что если вы передаете GET переменную с запросом, результаты будут меняться соответственно. Пример:

http://todoapi.rohanchhabra.in/users/?page=2

У меня есть маршрут в моем приложении, где я могу легко принести результаты, используя простые $http услуг, предоставляемых Угловым. Но он извлекает только первые 20 результатов из-за разбиения на страницы. Теперь, как заставить приложение «Угловое» получать другие результаты в соответствии с номером страницы, который я передаю.

Как выглядит мой контроллер.

testingControllers.controller('UsersController',function($scope, $http){ 
    $scope.page = "Users Page"; 
    $http.get('http://todoapi.rohanchhabra.in/users').success(function(data){ 
     $scope.users = data.data; 
    }); 
}); 

Answer 1

при нумерации страниц нажмите отправить щелкнул номер постраничного и область видимости функции, и ваша функция должна быть как

$scope.getPaginationData = function(clickedPage) { 
    var url = 'http://todoapi.rohanchhabra.in/users?page='+clickedPage; 
    $scope.page = "Users Page"; 
    $http.get(url).success(function(data){ 
     $scope.users = data.data; 
    }); 
} 

вашей пагинация что-то подобное, при нажатии на пагинации он будет вызывать getPaginationData() функции контроллер с выбранным номером страницы в качестве параметра.

<span class="pagination" ng-click="getPaginationData(1)">1</span> 
<span class="pagination" ng-click="getPaginationData(2)">2</span> 
<span class="pagination" ng-click="getPaginationData(3)">3</span>