javascript-如何在Angular 2/4/5中使用PDF.js？

我正在尝试使用Mozilla的PDF.js (example here)开发PDfViewer应用程序.如果有任何github项目作为参考,那将很棒.

提前致谢！！

解决方法:

如果不是必须使用Mozilla的PDF.js,则可以使用ng2-pdf-viewer npm模块,该模块在后台使用PDF.js.您可以按照以下步骤开始

安装

npm install ng2-pdf-viewer --save

注意：对于角度为4或更低的版本,请使用版本3.0.8

然后,将模块导入app.module.js

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

@NgModule({
  imports: [browserModule, PdfViewerModule],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})

然后在您的组件中使用它

@Component({
  selector: 'example-app',
  template: `
  <pdf-viewer [src]="pdfSrc" 
              [render-text]="true"
              style="display: block;">
  </pdf-viewer>
})

有关更多详细信息,请参考下面的git URL和演示URL.

https://github.com/VadimDez/ng2-pdf-viewer

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

希望这对您有所帮助.