2.0.1 • Published 6 years ago

angular-jee-pagination v2.0.1

Weekly downloads
3
License
MIT
Repository
github
Last release
6 years ago

AngularJeePagination

alt text

Installation

npm install npm install angular-jee-pagination --save

Once installed, you can import jeePagination component into your application in app.module.ts import { JeePaginationModule } from 'angular-jee-pagination'; Then include it in @NgModule imports array…

Now you can use jeePagination component with basic 3 parameters

<app-jee-pagination
   [totalRecords]="pages"
   [perPage]="perPage"
   (controller)="paginationController($event)">
</app-jee-pagination>

Configuration

A complete list of JeePagination parameters can be found in the table below.

NameTypeInput/OutputParameter description
totalRecordsNumber@Input(required) The total number of items.
perPageNumber@Input(required) How many items per page (required).
showBeforeNumber@Input(optional) How many page can i see before current page (2 By default).
showAfterNumber@Input(optional) How many page can i see after current page (3 By default).
goToBoxBoolean@Input(optional) Show or hide input box (true By default).
highlightColorString@Input(optional) The color of highlight.
controllerFunction($event)@Output(required) This function will call when the page change.it takes a 'pageNumber' as a parameter

Development

  1. Download and install NodeJS so you can use NPM: https://nodejs.org/download/

  2. From the Terminal, navigate to the project directory and run in the following order: npm install ng serve Use packagr to bulid npm run packagr npm pack