Skip to content
This repository was archived by the owner on May 29, 2019. It is now read-only.

pagination

Directory actions

More options

Directory actions

More options

Latest commit

 

History

History

pagination

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
docs
docs
 
 
test
test
 
 
index.js
index.js
 
 
pagination.js
pagination.js
 
 

readme.md

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.