UI Bootstrap pagination in Angular Project
Posted By : Vipul Pandey | 26-Sep-2016
UIB Pagination is lightweight pagination directive that helps us to paginate our web project. To use Angular UI bootstrap pagination we can get the code form here https://angular-ui.github.io/bootstrap/ and can use in our project.
To use we have HTML snippet to add in our project.
THANKS
angular.module('myModule', ['ui.bootstrap']);
.controller('myCtrl', ['$scope', function ($scope) {
$scope.maxSize = 5;
$scope.currentPage = 1;
$scope.totalPages = 20;
$scope.pageChanged = function () {
// operation to perform on page changed
console.log("Hi I am on ",($scope.currentPage-1),"page")
};
}])
Cookies are important to the proper functioning of a site. To improve your experience, we use cookies to remember log-in details and provide secure log-in, collect statistics to optimize site functionality, and deliver content tailored to your interests. Click Agree and Proceed to accept cookies and go directly to the site or click on View Cookie Settings to see detailed descriptions of the types of cookies and choose whether to accept certain cookies while on the site.
About Author
Vipul Pandey
Vipul Pandey is a good team-player & developing application on MEAN and java spring boot. Vipul loves to keep rotating fingers in his keyboard until he creates somethings inspiring.Hobbies are playing cricket ,swimming & photography.