加载 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.
}