2017-10-21 24 views

Répondre

-1

Utilisez pace.js. Aucune configuration requise :)

+0

Veuillez ne pas poster de réponses d'une seule ligne qui pointent simplement vers une bibliothèque. Expliquez au moins comment utiliser la bibliothèque pour répondre à la question du PO. –

1

ng2-pdf-viewer fournit un événement after-load-completed, que vous pouvez utiliser pour masquer le gif. Et, un autre événement appelé on-progress, que vous pouvez utiliser pour configurer un booléen à true, utilisez alors dans un * ngIf, comme ceci:

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

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

dans votre classe de composant, faites ceci:

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

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

Merci pour votre réponse! Cela fonctionne bien! mais un petit problème est qu'il appelle deux fois showGif. Bien qu'il n'appelle pas hideGif du tout. En raison de quel chargeur ne se cache pas après est montré. –

+0

Hmm. Eh bien, une sorte d'ajuste: D. On pensait que quand _after-load-complete_ était fini, il serait le dernier à mettre la propriété 'loading' - dans ce cas, à false. Peut-être, _on-progress_ s'exécutera une fois de plus, après que _after-load-completed_ ait été déclenché. –

+0

Mais after-load-complete n'a jamais été appelé. Je l'ai confirmé par console.log –