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

Accessing multiple pdf's with ngx-extended-pdf-viewer

我在摆弄 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>

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。顺便说一句,那也是一个很好的图书馆。

至于 "different settings" 位:我用方括号记录的每个属性,例如 [src][(page)],都会监听变化。只要您更改 TypeScript 代码中的 pageNumber 变量,PDF 查看器就会跳转该页面。

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