`ngx-select-pagination` is not a typical pagination component, it's a dropdown select pagination component for Angular. This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.3.21.
ngx-select-pagination
is not a typical pagination component, it's a dropdown select pagination component for Angular. This project was generated with Angular CLI version 8.3.21.
Simple example using ngx-select-pagination
: https://stackblitz.com/edit/ngx-select-pagination
npm install ngx-select-pagination --save
import SelectPaginationModule
into your app.module.ts
add SelectPaginationModule
to the imports of your NgModule
// app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { SelectPaginationModule } from 'ngx-select-pagination';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
SelectPaginationModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
And you are good to go...
Use it in your template like this
<ngx-select-pagination
[totalItems]="100"
[itemsPerPage]="10"
[(ngModel)]="currentPage">
</ngx-select-pagination>