angular中实现pdf在线预览功能

1、安装ng2-pdf-viewer与pdfjs-dist

　　npm install ng2-pdf-viewer --save

　　npm install pdfjs-dist --save

2、哪个模块用到将包引入哪个模块

　　import { PdfViewerModule } from 'ng2-pdf-viewer';

3、代码

<pdf-viewer [src]="pdfSrc"
    [page]="page"
　　 [zoom]="1"
    [original-size]="true"
    style="display: block;"
    ></pdf-viewer>

page：显示页数

 

zoom：缩放比例

 

 

参照：https://github.com/VadimDez/ng2-pdf-viewer

　　　https://vadimdez.github.io/ng2-pdf-viewer/

　　　https://www.cnblogs.com/BillyQin/p/7760596.html