前端之家收集整理的这篇文章主要介绍了
AngularJs分页插件使用详解,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
angularUI bootstrap提供的分页插件满足了大部分应用的需求,具体内容如下
在项目需求中,新增了两个需求:
1.自由设定每页显示的条目;
2.可以手动输入页面,跳转到指定的页数。
HTML代码
maxNumber) {
ctrl.$setViewValue(curNumber);
ctrl.$render();
return curNumber;
}
return viewValue;
});
}
};
}])
.directive('cusPagination',[function(){
return {
restrict: "E",templateUrl: 'views/template/pagination.html',scope: {
numPerPage: "=numPerPage",totalItems: "=totalItems",currentPage: "=cusCurrentPage",perPageSize:"=perPageSize",inputCurPage:"=inputCurPage",maxPages:"=maxPages",pageChanged: "&pageChanged"
},replace: false
};
}]);