nts-ng2-components/src/components/ui/paginator/paginator.component.html

Paquete de componentes para Angular2 desarrollado por NITSNETS.

<div class="container">

  <p class="counter">
    <b>{{selected * pageSize + 1}} - {{min(totalElements, (selected + 1) * pageSize)}}</b> of {{totalElements}} items
  </p>

  <div class="pages">
    <nts-icon class="paginator-icon" icon="arrow-left" (click)="prevPage()" [class.disabled]="page === 0"></nts-icon>
    <span class="page"
      *ngFor="let page of pages"
      [class.selectable]="page !== selected && page !== null"
      [class.selected]="page === selected"
      [class.selected]="page === selected"
      (click)="selectPage(page)"
    >
      {{page === null ? '...' : page+1}}
    </span>
    <nts-icon class="paginator-icon" icon="arrow-right" (click)="nextPage()" [class.disabled]="page === pagesCount - 1"></nts-icon>
  </div>
</div>