Latest commit 71dc691 Jan 20, 2017

A lightweight pagination directive that is focused on ... providing pagination & will take care of visualising a pagination bar and enable / disable buttons correctly!

uib-pagination settings

  • 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. If max-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 when rotate is true and max-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.