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

时间:2019-07-02 19:41:05

标签: angular

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

1 个答案:

答案 0 :(得分:0)

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

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

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

对于“不同的设置”位:我用方括号记录的每个属性(例如[src][(page)])都在侦听更改。一旦您在TypeScript代码中更改了pageNumber变量,PDF查看器就会跳转到该页面。

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