如何在角度6/7中使用ngb-pagination在[collectionSize]中设置动态值？

Question

我已经使用ngb-pagination对表进行动态分页。我有一个问题，需要动态设置collectionSize的值。

我设置的内容

<ngb-pagination [collectionSize]="totalDataCount" [(page)]="page" [boundaryLinks]="true" (pageChange)="loadPage($event)"></ngb-pagination>     

我也尝试过使用[(collectionSize)]，但没有用。

在.ts文件中

totalDataCount;

// In API call function 
this.apiService.POST(obj,'getList')
  .subscribe((response)=>{         
      if(response.code == 1){            
        this.totalDataCount = response.data.total;
        this.driverList = response.data.list; 
        console.log(response);           
      }
  },(error)=>{
    console.log("error");
  })

当我控制台totalDataCount时，它是控制台的正确值。我想我错过了很小的事情，但是我不知道那是什么。

注意：：如果我使用[collectionSize]="15"作为固定值，则可以使用。

我要设置的是，例如。我有35条记录，并且将perPage值设置为10，然后我的分页将动态设置为[1,2,3,4]。

我已从此参考链接中使用过它。

Plunker ref

Link

现在我已设置pageSize = 5;

如您在图像中所见，我的值为6，因此预期分页为 [1,2] ，但现在我的分页仅为 1 。

Answer 1

ngb分页的默认pageSize为10，您应根据需要分配该值

component.html

<ngb-pagination [collectionSize]="6" [pageSize]="pageSize" [(page)]="page" aria-label="Default pagination"></ngb-pagination>

component.ts

 pageSize='5';