Html 分页在所有页面上显示相同的数据集

我在angularJS中使用分页来显示来自API调用的搜索内容。问题是我在所有页面上都得到了相同的数据集。 下面是我如何尝试的

在控制器中

$rootScope.currentPage = 0;
$scope.pageSize = 5;

$scope.numberOfPages = function () {
    return Math.ceil($scope.GetsearchResults.length / $scope.pageSize);
}

GetsearchResults是Json数组：它是then响应

在Html中，我使用ng repeat for li标记

//部分内容
上一个{currentPage+1}}/{numberOfPages（）}}下一个

由于在分页菜单中使用了

ng if

，您需要访问

$parent

范围，就像在这个简单的中一样

ng如果

为it儿童创建一个隔离的作用域

看法

---

如果在div中使用ng show而不是ng，则使用ng show

 <div class="pagination" **ng-show**="resultCount > 10">
    <button ng-disabled="currentPage == 0" ng-click="currentPage=currentPage
        -1">Previous</button> {{currentPage+1}}/{{numberOfPages()}}
   <button ng-disabled="currentPage >= GetsearchResults.length/pageSize - 1" ng-click="currentPage=currentPage+1"> Next </button></div>

上一个{{currentPage+1}}/{{numberOfPages（）}
下一个

 var myApp = angular.module('myApp', []);

myApp.controller('MyCtrl', function($scope) {

  $scope.currentPage = 0;
  $scope.pageSize = 5;
  $scope.GetsearchResults = [{
      id: 1
    }, {
      id: 5
    }, {
      id: 11
    }, {
      id: 31
    }, {
      id: 12
    }, {
      id: 3
    }, {
      id: 33
    }, {
      id: 34
    }, {
      id: 52
    }, {
      id: 103
    }, {
      id: 33
    }
  ];
});


/**
 * Start from filter
 */
myApp.filter('startFrom', function() {
  return function(input, start) {
    start = +start; //parse to int
    return input.slice(start);
  }
});

myApp.filter('ceil', function() {
  return function(input) {
    return Math.ceil(input);
  };
});

 <div class="pagination" **ng-show**="resultCount > 10">
    <button ng-disabled="currentPage == 0" ng-click="currentPage=currentPage
        -1">Previous</button> {{currentPage+1}}/{{numberOfPages()}}
   <button ng-disabled="currentPage >= GetsearchResults.length/pageSize - 1" ng-click="currentPage=currentPage+1"> Next </button></div>