angular - ng2-pdf-viewer - 不显示自动 pdf

Question

我有一个角度应用程序 8，我从 API 收到一个 pdf 文件。在角度视图中，我将 pdf 文件作为 blob 并将其转换为 FileReader 以使用字节数组。我面临以下问题，当我单击页面或滚动屏幕时，pdf 仅出现在屏幕上。我已经测试了 ng2-pdf-viewr 的几个属性，但没有任何效果。我希望pdf在上传后立即显示在屏幕上。谁能帮我解决这个问题？

组件.html：

<pdf-viewer 
    [src]="fileReader.result" 
    style="display: block;">
</pdf-viewer>

组件.ts：

private actionsForSuccessDownloadFile(data: any, tipo: string) {
      this.blob = new Blob([data], { type: tipo });

      // Blob -> ArrayBuffer
      this.fileReader.readAsArrayBuffer(this.blob);
      this.loading = false; 
}

标签： angularpdf

Answer 1

在 Angular 中构建 PDF 的另一种方法。看看 https://www.pdftron.com/blog/angular/build-a-pdf-viewer-in-angular-and-pdf-js/