Ng bootstrap kütüphanesini ekleme ve pagination

Ng bootstrap kütüphanesini ekleme ve pagination

Çok  basit terminalde aşağıdaki kodu yazıp enter a basıyoruz

ng add @ng-bootstrap/ng-bootstrap
<table>
  <tr *ngFor="let item of items | slice: (page-1) * pageSize : page * pageSize">
    <!-- content here -->
  </tr>
</table>

 

<ngb-pagination
  [(page)]="page"
  [pageSize]="pageSize"
  [collectionSize]="items.length"></ngb-pagination>

 

son olarak componentinziide aşağıdaki değişkenleri tanımlamalısınız

pageSize=8;
page=13;

Ng bootstrap kütüphanesini ekleme ve pagination
Paylaş: