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

Paquete de componentes para Angular2 desarrollado por NITSNETS.

<div class="container">

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

  <div class="pages">
    <nts-icon class="paginator-icon"
        icon="arrow-left"
        (click)="prevPage()"
        [class.disabled]="selected === 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]="selected === pagesCount - 1"
    ></nts-icon>
  </div>
</div>