鍍金池/ 問(wèn)答/HTML5  HTML/ angular5中使用ngx-bootstrap的分頁(yè)組件時(shí)，點(diǎn)擊是如何實(shí)現(xiàn)跳轉(zhuǎn)

angular5中使用ngx-bootstrap的分頁(yè)組件時(shí)，點(diǎn)擊是如何實(shí)現(xiàn)跳轉(zhuǎn)并加載數(shù)據(jù)？

我在使用angular5開(kāi)發(fā)時(shí)，使用了ngx-bootstrap的分頁(yè)組件，如下圖所示，但該組件只是靜態(tài)的，而我想通過(guò)點(diǎn)擊實(shí)現(xiàn)跳轉(zhuǎn)并加載后臺(tái)獲取到的數(shù)據(jù)到頁(yè)面，既然提供了分頁(yè)組件，應(yīng)該能實(shí)現(xiàn)完整的分頁(yè)展示功能吧，不知道該組件有沒(méi)有向外擴(kuò)展的方法？求解決方案！??！

clipboard.png

clipboard.png

回答
編輯回答
尐飯團(tuán)

仔細(xì)看文檔，此組件提供了pageChanged方法，監(jiān)聽(tīng)頁(yè)面的變化，示例如下：

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

pageChanged(event: any): void {
  this.page = event.page;
}
2017年1月7日 07:54