angularjs ajax分页,GitHub - DISMALS/AngularJs-UI: AngularJs Pagination Angularjs分页 -- Want to be the b...

AngularJs Pagination -- Want to be the best Pagination

Since name for a pagination is boring, so I decide name it to tm.I'm not good at English, wish you you catch what I said And help me improve my English.

tm.pagination -- A very simple and useful pagination in AngularJs

relate blog articles:

default:

with some css and template change you can turn it to this

// in the view

// in the controller

$scope.paginationConf = {

currentPage: 1,

totalItems: 8000,

itemsPerPage: 15,

pagesLength: 15,

perPageOptions: [10, 20, 30, 40, 50],

onChange: function(){

}

};

conf is a object, it has attributes like below:

currentPage: Current page number, default 1

totalItems: Total number of items in all pages

itemsPerPage: number of items per page, default 15

onChange: when the pagination is change, it will excute the function

pagesLength: number for pagination size, default 9

perPageOptions: define select how many items in a page, default [10, 15, 20, 30, 50]

if you want to use with ajax,you may follow like this:

$scope.paginationConf = {

onChange: function() {

$http.get('xxx', function(data) {

$scope.paginationConf.totalItems = data.totalItems;

})

}

};