Angular Material Design Pagination, it is very simple and lightweight having minimal numbers attribute to configure.
Add following line in header section of you page
Sample code for how to use
<cl-paging flex cl-pages="paging.total" , cl-steps="6" , cl-page-changed="paging.onPageChanged()" ,
cl-align="start start" , cl-current-page="paging.current"></cl-paging>
cl.paging module in your app, following sample code demonstrating How to include the angular module and use it in controller.
The controller defined below has oble simple configuration of
cl-paging directive. When the page changed you will get a trigger in the
loadPages function where you can load page data form remote server.