ngx-advance-pagination
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.2 • Public • Published

    NgxAdvancePagination

    An advance pagination for Angular2+ with dots facility.

    Installation

    $ npm i ngx-advance-pagination --save

    Usage

    // app.module.ts
    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { NgxAdvancePaginationModule } from 'ngx-advance-pagination'; // <-- import the module
    import { SampleComponent } from './sample.component';
    
    @NgModule({
      declarations: [
         SampleComponent
      ],
      imports: [
        BrowserModule,
        NgxAdvancePaginationModule // <-- include it in your app module
      ],
      providers: [],
      bootstrap: [SampleComponent]
    })
    // my.component.html
    <NgxAdvancePagination
      [totalNumberOfData]="50"
      [dataPerPage]="3"
      [currentPageNumber]="1"
      [numberOfPagesToShow]="7"
      (pageNumberChanged)="pageNumberChanged($event)"
    ></NgxAdvancePagination>
    // my.component.ts
    import { Component } from '@angular/core';
    
    @Component({
      selector: 'app-sample',
      templateUrl: './sample.component.html',
      styleUrls: ['./sample.component.scss']
    })
    export class SampleComponent {
    
      constructor() {}
    
      pageNumberChanged(currentPageNumber: number) {
        console.log(currentPageNumber);
      }
    }

    Parameters

    Key Description
    totalNumberOfData Total number of data
    dataPerPage Number of data to render in a page
    currentPageNumber Set current page number
    numberOfPagesToShow Maximum number of pagers to show at a time

    Callbacks

    pageNumberChanged(currentPageNumber).

    Compatibility

    This pagination is compatible with Angular2 to Angular12 versions.

    License

    Licensed under MIT. See LICENSE for more information.

    Issues

    Report a bug in ISSUES.

    Install

    npm i ngx-advance-pagination

    DownloadsWeekly Downloads

    1

    Version

    0.0.2

    License

    none

    Unpacked Size

    70.9 kB

    Total Files

    14

    Last publish

    Collaborators

    • webguru-js