md-collection-pagination

WebJar for md-collection-pagination

License	MIT
Categories	Github Development Tools Version Controls
GroupId	org.webjars.npm
ArtifactId	github-com-jonatanklosko-md-collection-pagination
Last Version	1.0.3
Release Date	Dec 26, 2017
Type	jar
Description	md-collection-pagination WebJar for md-collection-pagination
Project URL	http://webjars.org
Source Code Management	https://github.com/jonatanklosko/md-collection-pagination

Download github-com-jonatanklosko-md-collection-pagination

Filename	Size
github-com-jonatanklosko-md-collection-pagination-1.0.3.pom
github-com-jonatanklosko-md-collection-pagination-1.0.3.jar	13 KB
github-com-jonatanklosko-md-collection-pagination-1.0.3-sources.jar	22 bytes
github-com-jonatanklosko-md-collection-pagination-1.0.3-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/github-com-jonatanklosko-md-collection-pagination/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>github-com-jonatanklosko-md-collection-pagination</artifactId>
    <version>1.0.3</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/github-com-jonatanklosko-md-collection-pagination/
implementation 'org.webjars.npm:github-com-jonatanklosko-md-collection-pagination:1.0.3'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/github-com-jonatanklosko-md-collection-pagination/
implementation ("org.webjars.npm:github-com-jonatanklosko-md-collection-pagination:1.0.3")

Apache Buildr

'org.webjars.npm:github-com-jonatanklosko-md-collection-pagination:jar:1.0.3'

Apache Ivy

<dependency org="org.webjars.npm" name="github-com-jonatanklosko-md-collection-pagination" rev="1.0.3">
  <artifact name="github-com-jonatanklosko-md-collection-pagination" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='github-com-jonatanklosko-md-collection-pagination', version='1.0.3')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "github-com-jonatanklosko-md-collection-pagination" % "1.0.3"

Leiningen

[org.webjars.npm/github-com-jonatanklosko-md-collection-pagination "1.0.3"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

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.

import mdCollectionPagination from 'md-collection-pagination';

angular.module('app', [mdCollectionPagination]);

Using the script tag.

<script src="node_modules/md-collection-pagination/dist/md-collection-pagination.min.js" charset="utf-8"></script>
<script>
  angular.module('app', ['mdCollectionPagination']);
</script>

Example

Consider the following list of items.

<md-list>
  <md-list-item ng-repeat="item in vm.items">{{ item }}</md-list-item>
</md-list>

It's likely that you don't want to render thousands of them at once. You can easily deal with this!

<md-list>
  <md-list-item ng-repeat="item in vm.shownItems">{{ item }}</md-list-item>
</md-list>
<md-collection-pagination collection="vm.items" paginated-collection="vm.shownItems"></md-collection-pagination>

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.

License

This project is licensed under the terms of the MIT license.

Versions

Version
1.0.3 Dec 26, 2017