angular2-paginator

A pagination module for Angular2 apps.

How to use:

  <angular2-paginator
    [pageSize]="elementsByPage"
    [totalItems]="totalItems"
    [blockSize]="pagesByBlock"
    (onPageChange)="pageChanged($event)"
    [firstElementMessage]="'First'"
    [lastElementMessage]="'Last'">
  </angular2-paginator>

The onPageChange event action: pageChanged($event), will emit an event with the new page, to use it on your components using this directive.

Optional fields:

• firstElementMessage - By default <<.
• lastElementMessage - By default >>.
• pageSize - By default 10.
• blockSize - By default 5.