material-angular-paging

Angular Material Design Pagination
0 people use it
Author: 19871845?v=3 Crawlink
Submitted by: 2340778?v=3 androidlinked

material-angular-paging

Angular Material Design Pagination, it is very simple and lightweight having minimal numbers attribute to configure.

demo image

Demo :

Codepen

Used in website

Install

Bower :

Usage

Configuration

Add following line in header section of you page

Sample code for how to use cl-paging directive <cl-paging flex cl-pages="paging.total" , cl-steps="6" , cl-page-changed="paging.onPageChanged()" , cl-align="start start" , cl-current-page="paging.current"></cl-paging>

Use cl.paging module in your app, following sample code demonstrating How to include the angular module and use it in controller. The controller defined below has oble simple configuration of cl-paging directive. When the page changed you will get a trigger in the loadPages function where you can load page data form remote server.

comments powered by Disqus
This page was last updated over 1 year ago.