구성 요소가 각도 2를로드 할 때 로더 gif

Question

pdf를 표시하기 위해 ng2-pdf-viewer를 사용하고 있습니다. 지금은 pdf가로드 될 때 공백 페이지가 나타납니다. pdf가로드되는 동안 로더 gif를 추가하고로드가 완료되면 숨기려고합니다. 어떤 도움을 주셔서 감사합니다.

Answer 1

pace.js. 구성 필요 없음 :)

Answer 2

ng2-pdf-viewer는 gif를 숨기는 데 사용할 수있는 after-load-completed 이벤트를 제공합니다. 그리고, 또 다른 이벤트는 다음 true에 부울 설정이처럼 * ngIf에서 사용하는 데 사용할 수있는, on-progress라고 : 구성 요소 클래스의

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

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

, 이렇게 :

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

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