本文共 1056 字，大约阅读时间需要 3 分钟。

首页引入

<script type="text/javascript" src="framework/tm.pagination.js"></script>

根目录注入：

var routerApp=angular.module('routerApp',['ui.router','ngAnimate','tm.pagination','ui.bootstrap']);

页面上：

<tm-pagination conf="paginationConf"></tm-pagination>

controller代码

            //配置分页基本参数

                $scope.paginationConf = {                     currentPage: 1, //起始页                     itemsPerPage: 5, // 每页展示的数据条数                     perPageOptions: [5, 10, 20], //可选择显示条数的数组                     onchange:function(){                         reSearch();//页面改变（currentPage/itemsPerPage改变）后触发重新查询                     }                 };

     //  查询列表

               

//  查询列表

                var reSearch = function() {                     //发送给后台的请求数据                     var postData = {                         currentPage: $scope.paginationConf.currentPage,                         pageSize: $scope.paginationConf.itemsPerPage,                         .........................                     };                     $http.post('findPickupByMultiConditionAndPage', postData).success(function(response) {                         $scope.paginationConf.totalItems = response.totalElements; //总条数                         $scope.takeGoodsLists = response.content; //具体内容                     });                 }                 $scope.reSearch = reSearch;                 //当页码和页面记录数发生变化时监控后台查询如果把currentPage和itemsPerPage分开监控的话则会触发两次后台事件。                 //监听触发$scope.$watch('paginationConf.currentPage +paginationConf.itemsPerPage', reSearch);

转载地址：http://xpqii.baihongyu.com/