md-collection-pagination
Angular Material Design component for paginating a collection.
Demo
See it in action here.
Installation
npm install --save md-collection-pagination
Setup
The Webpack way.
; angular;
Using the script
tag.
Example
Consider the following list of items.
{{ item }}
It's likely that you don't want to render thousands of them at once. You can easily deal with this!
{{ item }}
That's it! The vm.shownItems
variable is assigned with a small subset of the whole vm.items
array
and the user can easily go through it using the navigation.
Configuration
Attribute | Type | Description |
---|---|---|
collection |
Array |
The base collection containing all the items. |
paginated-collection |
Array |
The variable to be updated with a subset of the collection . |
per-page |
Number | String |
The maximum amount of items to be displayed at once, present in the paginated-collection . Default: 5 . |
navigation-length |
Number | String |
The maximum amount of numbers to be displayed within the navigation. Default: 5 . |