@appcarvers/ngx-unitelist/unitepagination/unitepagination.component.html

This library is for Angular (2+) projects to build a list from passed data and provide pagination and filters and their callbacks after proper configuration.

<div class="datatable-pagination" *ngIf="_totalPages.length && currentPage && showPagination"> 
  <ul class="pagination pagination-sm">
      <li (click)="pageChange('first')"><span>&laquo;</span></li>
      <li (click)="pageChange('prev')"><span>&lsaquo;</span></li>

      <ng-container *ngFor="let page of _totalPages; let i = index; ">
        <li *ngIf="i >= startPage && i <= endPage" (click)="pageChange(i)"  class="{{ i+1 == currentPage ? 'active' : '' }}">
            <span href="#">{{i + 1}}</span>
        </li>

        <li *ngIf="i === endPointStart || i === endPointEnd" (click)="pageChange(i)"  class="{{ i+1 == currentPage ? 'active' : '' }}">
            <span href="#">...</span>
        </li>
      </ng-container>

      <li (click)="pageChange('nxt')"><span>&rsaquo;</span></li>
      <li (click)="pageChange('last')"><span>&raquo;</span></li>
  </ul>
</div>