我正在使用REST服务获取表的数据:
@RequestMapping(value=("/demandes"))
public Page<AttestationTravail> listEtudiants(int page, int size){
return attRepository.findAll(PageRequest.of(page, size));
}
我正在用angular作为客户端显示它: 用于分页的html:
<ul *ngIf="pages" class="nav nav-pills ">
<li class="nav-item" *ngFor="let p of pages; let i= index">
<a class="nav-link clickable" [ngClass]=" i ==currentPage? 'active' : ''" (click)="onPageAttestation(i)">{{i}}</a>
</li>
</ul>
我的.ts:
loadAttestations(){
this.attServie.getPages(this.currentPage,this.size).subscribe(data => {
console.log(data);
this.totalPages=data.totalPages;
this.pages= new Array<number>(this.totalPages);
this.attestations= data['content'];
});
}
结果:
如果可以,但是我的问题是如果我有200页,它将显示200个数字,有没有办法使数字列表一次只包含三个数字?
答案 0 :(得分:0)
我改变了整个逻辑,改为使用ngx-pagination,它解决了问题。 还更改了rest服务以返回列表。
教程链接: https://www.freakyjolly.com/angular-7-6-pagination-implement-local-or-server-pagination-in-3-steps/