ng2-bootstrap-base-modified/demo/src/app/components/+pagination/demos/basic/basic.html

Native Angular Bootstrap Components Typeahead modified

<pagination [totalItems]="totalItems" [(ngModel)]="currentPage" (pageChanged)="pageChanged($event)"></pagination>

<pagination [boundaryLinks]="true" [totalItems]="totalItems" [(ngModel)]="currentPage" class="pagination-sm"
            previousText="&lsaquo;" nextText="&rsaquo;" firstText="&laquo;" lastText="&raquo;"></pagination>

<pagination [directionLinks]="false" [boundaryLinks]="true" [totalItems]="totalItems"
            [(ngModel)]="currentPage"></pagination>

<pagination [directionLinks]="false" [totalItems]="totalItems" [(ngModel)]="currentPage"
            (numPages)="smallnumPages = $event"></pagination>

<pre class="card card-block card-header">The selected page no: {{currentPage}}/{{smallnumPages}}</pre>

<button type="button" class="btn btn-info" (click)="setPage(3)">Set current page to: 3</button>