Angular 9 Pagination Example Using ngx-pagination Module and Bootstrap

You are currently viewing Angular 9 Pagination Example Using ngx-pagination Module and Bootstrap

Welcome folks today in this blog post We will be talking about Pagination in Angular 9 App using ngx-pagination library which is a pm module. I will be providing step by step instructions on how to do it.

Practical Video

 

Demo

 

Check out the live demo here: http://michaelbromley.github.io/ngx-pagination/

 

NPM Command

 

 

Simple Example

 

 

 

  • itemsPerPage [number] – required The number of items to display on each page.
  • currentPage [number] – required The current (active) page number.
  • id [string] If you need to support more than one instance of pagination at a time, set the id and ensure it matches the id attribute of the PaginationControlsComponent / PaginationControlsDirective

 

  • totalItems [number] The total number of items in the collection.

 

 

Leave a Reply