ng2-pdf-viewer problèmes avec le rendu de gros PDF (plus de 300 pages)

Question

J'ai un problème avec le chargement de gros PDF avec la bibliothèque ng2-pdf-viewer, car si je fais défiler vers le bas, je dois attendre que toutes les pages soient rendues.

Est-il possible de forcer le rendu de la page actuelle ?

HTML :

<pdf-viewer [src]="pdfSrc" [render-text]="false" [original-size]="true" [fit-to-page]="true" style="display: block;"></pdf-viewer>

Merci de nous conseiller !

Answer 1

Il faut paginer le pdf

// html 

    <pdf-viewer [src]="pdf" [show-all]="false"  [page]="page" (after-load-complete)="afterLoadComplete($event)" [original-size]="false" [render-text]="true" ></pdf-viewer>

  <button (click)="previousPage()" [disabled]="page === 1"></button>

   <button (click)="nextPage()" [disabled]="totalPages === 1></button>

   <p>{{ page }} / {{ totalPages }}</p>

//ts

  totalPages: number;
  page: number = 1;
  isLoaded: boolean = false;

     nextPage() {
        this.page += 1;
      }

      previousPage() {
        this.page -= 1;
      }

      afterLoadComplete(pdfData: any) {
        this.totalPages = pdfData.numPages;
        this.isLoaded = true;
      }