弹簧+角度分页答案

【问题标题】：spring + angular pagination弹簧+角度分页
【发布时间】：2020-02-28 00:58:24
【问题描述】：

我正在使用 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 个数字，有没有办法让数字列表一次只包含三个数字？

【问题讨论】：

标签： angular spring pagination

【解决方案1】：

我更改了整个逻辑并改用 ngx-pagination 并解决了问题。还更改了其余服务以返回列表。

教程链接： https://www.freakyjolly.com/angular-7-6-pagination-implement-local-or-server-pagination-in-3-steps/

【讨论】：