Angularjs：从api

Question

我有api url：＆＃34; api / books / 01 / text？page = 0＆＃34;。

它有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＆＃34; api / books / 01 / text？page =的信息更改文本。 1＆＃34;，我该怎么办？

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);
 };