angular 分页使用方法

 调用方法:

 

var GetAllEmployee = function () {
//alert($scope.paginationConf.currentPage);
var topAllbadsmell = {
url:'defectManager/list',
data:{"projectId":parseInt(localStorage.projectId),"farmlandId":0,"jobId":parseInt(localStorage.jobId),"type":"sai3","page":$scope.paginationConf.currentPage,"rows":$scope.paginationConf.itemsPerPage}
//data:{"projectId":133,"farmlandId":971,"jobId":961,"type":"sai3","page":$scope.paginationConf.currentPage,"rows":1}
};
guardingService.getSynchData(topAllbadsmell.url,topAllbadsmell.data,'post').success(function(res){
if(res){
$scope.paginationConf.totalItems =res.data.total;
$scope.topAllbadsmellDates = res.data;
$scope.paginationConf.pagesLength = 6;
//$scope.AllbadsmellClickName = res.data.data[0].defectType;
//console.log("topAllbadsmellDates:",res.data);
}
})
}
//配置分页基本参数
$scope.paginationConf = {
currentPage: 1,
itemsPerPage: 5
};
$scope.$watch('paginationConf.currentPage + paginationConf.itemsPerPage', GetAllEmployee);

 

 

 

html:

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

posted @ 2017-07-25 17:17  duguangyan  阅读(202)  评论(0编辑  收藏  举报