Question

我正在构建一个简单的Laravel + AgnularJS应用程序。最初我在Laravel中有一个用户资源，它从index方法发回所有用户。它位于：

http://todoapi.rohanchhabra.in/users

现在，我在Laravel中添加了分页，这意味着如果您通过请求传递GET变量，结果将相应地更改。例如：

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

我的应用程序中有一条路线，我可以使用Angular提供的简单$http服务轻松获取结果。但由于分页，它只取得前20个结果。现在我如何让我的Angular应用程序根据我传递的页码获取其他结果。

这就是我的控制器的样子。

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>

在AngularJS应用程序中使用Laravel API分页

1 个答案: