sm-server-pagination v0.0.0
Angular Pagination
This project created to support server-side pagination. once your api response is paginationed, this package once called allows you to make calls to the backend with page parameters.
How it works
Install the package
Import it to your module
app.module.ts
This enables you to call this package anywhere in your angular application.
Use this way
<sm-server-pagination [pageSettings]="pageSettings" [pageSize]="pageSize" [page]="page" (paginationOutput)="setNewPage($event)" (dataToShow)="showMoreData($event)"></sm-server-pagination>
Set Your parameters
Lets take this as a sample response from an endpoint
page_info: {page: 0, limit: 10, total: 27, total_pages: 3} users: [{id: 256, first_name: "", last_name: "", phone_number: "07034137663"}]
const pageSettings = page_info // this is the page_info object reutned from the API
const pageSize = 10 // This is basically your page limit, could be any value
const page = page_info.page // This is the current page
Further help
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.
4 years ago