使用 ngx-extended-pdf-viewer 访问多个 pdf

Question

我在玩 ngx-extended-pdf-viewer 并了解它的作用，但我很好奇它是否足够灵活，可以让用户在 pdf 之间切换？

目前这仅显示一个 pdf，但我很好奇是否可以切换到具有不同设置的另一个 pdf？

<ngx-extended-pdf-viewer
    [src]="'assets/BootsFaces_Deep_Dive_1.0.pdf'"
    backgroundColor="#e8e8ef"
    [mobileZoom]="mobileFriendlyZoom"
    [showZoomButtons]="true"
    [showSidebarButton]="showSidebar"
    [useBrowserLocale]="true"
    [showSidebarOnLoad]="true"
    [(zoom)]="zoom"
    [height]="height"
    [handTool]="handTool"
    [page]="page"
    [filenameForDownload]="filenameForDownload"
    (pagesLoaded)="onPagesLoaded($event)"
    [(spread)]="spread"
    [language]="language"
    [showPresentationModeButton]="true">
</ngx-extended-pdf-viewer>

Answer 1

ngx-extended-pdf-author 在这里。是的，当然，<ngx-extended-pdf-viewer> 可以随着时间的推移显示多个 PDF 文件。 [src] 属性对更改做出反应。我已经发布了一个展示示例：https://www.pdfviewer.net/multiple-documents

实际上，我专门创建了该库，以便在长时间的工作班次中显示大量 PDF 文件，而无需重新启动 Angular 客户端。我想在关闭浏览器之前有几百个，更可能是几千个 PDF。请注意，我的原始客户仍在使用旧版本：与此同时，我和 pdf.js 团队都设法修复了几个内存泄漏。

但是，有限制。无法在同一页面上显示两个 PDF 文件。如果需要，最好使用 iFrame 解决方案，例如 ng2-pdfjs-viewer。顺便说一句，这也是一个不错的库。

至于“不同的设置”位：我用方括号记录的每个属性，例如[src] 或[(page)]，都会监听变化。只要您更改 TypeScript 代码中的 pageNumber 变量，PDF 查看器就会跳转该页面。

如果您仍有疑问或遇到错误，请随时告诉我。