A lightweight pagination directive that is focused on ... providing pagination & will take care of visualising a pagination bar and enable / disable buttons correctly!
-
boundary-links
C (Default:false
) - Whether to display First / Last buttons. -
boundary-link-numbers
$ C (Default:false
) - Whether to always display the first and last page numbers. Ifmax-size
is smaller than the number of pages, then the first and last page numbers are still shown with ellipses in-between as necessary. NOTE:max-size
refers to the center of the range. This option may add up to 2 more numbers on each side of the displayed range for the end value and what would be an ellipsis but is replaced by a number because it is sequential. -
direction-links
$ C (Default:true
) - Whether to display Previous / Next buttons. -
first-text
C (Default:First
) - Text for First button. -
force-ellipses
$ C (Default:false
) - Also displays ellipses whenrotate
is true andmax-size
is smaller than the number of pages. -
items-per-page
$ C (Default:10
) - Maximum number of items per page. A value less than one indicates all items on one page. -
last-text
C (Default:Last
) - Text for Last button. -
max-size
$ (Default:null
) - Limit number for pagination size. -
next-text
C (Default:Next
) - Text for Next button. -
ng-change
$ - This can be used to call a function whenever the page changes. -
ng-disabled
$ (Default:false
) - Used to disable the pagination component. -
ng-model
$ - Current page number. First page is 1. -
num-pages
$ readonly (Default:angular.noop
) - An optional expression assigned the total number of pages to display. -
page-label
(Default:angular.identity
) - An optional expression to override the page label based on passing the current page indexes. Supports page number with$page
in the template. -
previous-text
C (Default:Previous
) - Text for Previous button. -
rotate
$ C (Default:true
) - Whether to keep current page in the middle of the visible ones. -
template-url
(Default:uib/template/pagination/pagination.html
) - Override the template for the component with a custom provided template -
total-items
$ - Total number of items in all pages.