Angularjs: go next page button fetch from api

Question

У меня есть api url: "api/books/01/text? Page = 0".

имеет JSon формат:

{ "content":" This is page one. " , "pageInfo" : {"count": 6, "id": "0"} } 

У меня нет проблем получить данные о представлении:

.factory('Service',function($http) { 
    return { 
    url: '.../api/books/01/text?page=0', 

    fetch: function(config) { 
     return $http.get(this.url, config).then(function(json) { 
     return json.data; 
     }); 
    }, 
    } 

Но Предположим, я хочу кнопку, перейти на следующую страницу, когда пользователь нажимает на следующий, чтобы сделать , представление изменит текстовую базу на информацию, которую следующий api url «api/books/01/text? page = 1», что мне делать?

Answer 1

Предположив ваш page.id Ваш индекс страницы и page.count является подсчет количества элементов на этой странице, в коде контроллера:

$scope.page = Service.fetch($scope.config); 

в вашем HTML:

<div> 
<span>Page: {{page.id}}</span> 
<span>Records: {{page.count}}</span> 
<button ng-disabled="{{page.id === 0}}" ng-click="nextPage()"> Next</button> 
</div> 

Контроллер функции контроллера для нажатия кнопки

// fetch next page 
$scope.nextPage = function() { 
    $scope.config.pageIndex = scope.config.pageIndex + 1; 
    $scope.page = Service.fetch($scope.config); 
};