Loader gif, wenn die Komponente angular 2

Question

Ich benutze ng2-pdf-Viewer, um ein PDF anzuzeigen. Jetzt, wenn PDF geladen wird, erscheint die leere Seite. Ich möchte ein Lade-GIF hinzufügen, während PDF lädt und es ausblenden, wenn das Laden abgeschlossen ist. Jede Hilfe wird geschätzt.

Answer 1

Verwenden Sie pace.js. Keine Konfiguration erforderlich :)

Answer 2

ng2-pdf-viewer bieten ein Ereignis , das Sie verwenden können, um das gif zu verstecken. Und ein weiteres Ereignis on-progress genannt, dass Sie ein boolean true einzurichten verwenden können, dann verwenden, in einem * ngIf, wie folgt aus:

<pdf-viewer 
    [src]="pdfSrc" [render-text]="true" (on-progress)="showGif($event)"> 
</pdf-viewer> 

<img src="loading.gif" *ngIf="loading"/> 

in Ihrer Komponentenklasse, dies zu tun:

(...) 
public loading = false; 
(...) 

showGif(event: {loaded: number, total: number}) { 
this.loading = loaded < number; 
}