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);
如对本文有疑问， 点击进行留言回复！！
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
使用 Angular RouteReuseStrategy 缓存（路由）组件的实例代码
分享Angular http interceptors 拦截器使用(推荐)
网友评论