Angularjs如何实现分页查询

这篇文章给大家分享的是有关Angularjs如何实现分页查询的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

具体代码如下所示：

//首页导入<script type="text/javascript" src="framework/tm.pagination.js"></script>  //routerApp中注入'tm.pagination'  //html页面上<tm-pagination conf="paginationConf"></tm-pagination>  //controller.js代码  var reSearch = function() {    var postData = {      //发送给后台的请求数据      currentPage: $scope.paginationConf.currentPage,      pageSize: $scope.paginationConf.itemsPerPage,      pickup: $scope.pickups,      startTime: $scope.startTime,      endTime: $scope.endTime,      minMoney: $scope.minMoney,      maxMoney: $scope.maxMoney    };    $http.post('后台分页接口', postData).success(function(response) {      $scope.paginationConf.totalItems = response.totalElements; //总条数      $scope.takeGoodsLists = response.content; //具体内容      //共享的数据赋值    });  }  $scope.reSearch = reSearch;  //配置分页基本参数  $scope.paginationConf = {    currentPage: 1, //起始页    //totalItems:300,//总共有多少条记录    itemsPerPage: 5, // 每页展示的数据条数    //pagesLength:5,//分页条目的长度    perPageOptions: [5, 10, 20] //可选择显示条数的数组  };  //当页码和页面记录数发生变化时监控后台查询如果把currentPage和itemsPerPage分开监控的话则会触发两次后台事件。  $scope.$watch('paginationConf.currentPage + paginationConf.itemsPerPage', reSearch);

感谢各位的阅读！关于“Angularjs如何实现分页查询”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！