angular预览PDF总结

前言

1. 单个页面可以同时预览多份PDF，这样就无法使用window.open('https:www.wxw.pdf','_self');的方式去利用自带浏览器去解析PDF。
2. 因为原因（1），所以采用iframe去嵌入解析多个PDF链接。但是又发现，安卓手机端无法直接加载显示PDF,会强制提醒用户下载后再查看。
3. 因为方式（1）（2）都被PASS，所以，只能查找相关插件进行PDF解析加载。

目前收集到的angular方面解析加载PDF的npm包有3种：

1. ng2-pdf-viewer

• 如果只是需要简单的展示一个PDF，并没有特别复杂的需求，比如：需要支持放大缩小，页数等等，可以考虑这个npm包，并且界面会比较简洁大方。
• 这个npm包，无法支持UI化的放大，缩小，页数等视图，需要自定义放大，缩小按钮。。
• 但是基本的控制PDF的放大，缩小的属性，npm提供的有，可以根据提供的变量或者方法自定义视图。

// 安装
npm install ng2-pdf-viewer --save

// angular 导入参考下面ng2-pdfjs-viewer的栗子~

  <pdf-viewer [src]="item.url" [show-all]="true" [autoresize]="true" [zoom]="item.zoom"