加载pdf时，如何检测角度？

Question

我正在使用标记来动态加载pdf。在我的真实项目中，我的PDF繁重，这就是为什么我想知道是否有任何方法可以检测pdf何时完成加载并准备就绪。

我该怎么办？

这是我的实时代码：

https://stackblitz.com/edit/angular-vrak1m?file=src/app/app.component.ts

<object *ngIf="link" [data]="link | safepipe" type="application/pdf" width="100%" height="100%"> </object>
{{link}}

<button (click)="link1()">pdf1</button>
<button (click)="link2()">pdf2</button>

Answer 1

您可以在对象上使用load方法

模板：

<object *ngIf="link" [data]="link | safepipe" type="application/pdf" width="100%" height="100%" (load)="loaded($event)"> </object>
    {{link}}

<button (click)="link1()">pdf1</button>
<button (click)="link2()">pdf2</button>

并在ts中定义方法

班级：

loaded(e){
  console.log(e);
  // Do your thing here.
}