コンポーネントが角度2をロードするときのローダーgif

pdfを表示するのにng2-pdf-viewerを使用しています。今のところpdfが読み込まれているときに空白のページが表示されます。 pdfがロードされている間にローダーgifを追加したいと思います。どんな助けもありがとうございます。コンポーネントが角度2をロードするときのローダーgif

出典

2017-10-21 Shoaib Iqbal

-1

pace.jsを使用してください。設定不要：

出典

2017-10-21 12:05:58

単なるライブラリを指し示す1行の回答を投稿しないでください。少なくともOPの質問に答えるためにライブラリを使う方法を説明してください。 –

ng2-pdf-viewerは、gifを非表示にするためのイベントafter-load-completedを提供します。

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

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

：これを行うには、コンポーネントのクラスの

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

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

：そして、別のイベントでは、このように、* ngIfでそれを使用し、trueにブール値を設定するために使用することができ、on-progressと呼ばれます

出典

2017-10-21 12:11:37

お返事ありがとうございます！それは正常に動作しています！少し問題があるのは、showGifを2回呼び出すことです。 hideGifはまったく呼び出されませんが。 isの後にローダが隠れていないため、isが表示されます。 –

Hmm。私は、_after-load-complete_が完了したときに、最後に 'loading'プロパティーを設定することになりました - この場合、falseになりました。 _after-load-completed_がトリガーされた後、_on-progress_がもう一度実行される可能性があります。 –

しかし、アフターロード完了は一度も呼び出されませんでした。私はconsole.logで確認しました –

コンポーネントが角度2をロードするときのローダーgif

答えて

関連する問題