весна + angular нумерация страниц

Question

Я использую сервис 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. Можно ли сделать так, чтобы список чисел содержал только три числа одновременно?

Answer 1

Я изменил весь лог c и использовал вместо этого ngx-нумерацию, и это решило проблему. также изменил службу отдыха для возврата списка.

учебная ссылка: https://www.freakyjolly.com/angular-7-6-pagination-implement-local-or-server-pagination-in-3-steps/