如何在ionic2中添加angular-pdf？

Question

我想添加ionic-pdf以在ionic 2中顯示pdf，但是發現大多數設置都是基於ionic 1的。例如，將angular-pdf.js復制到我的項目中后，說明說“定義有角度的應用程序”：

var app = angular.module('App', ['pdf']);

但是在ionic 2中，如何添加angular-pdf作為庫，以便可以使用ng-pdf標簽？

Answer 1

試試這個Angular2包裝器為pdfjs

https://www.npmjs.com/package/ng2-pdf-viewer

要么

您可以從npm安裝pdfjs ，然后手動使用。

Answer 2

做這個

npm install ng2-pdf-viewer --save

將PdfViewerModule添加到模塊的導入中

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app/app.component';

import { PdfViewerModule } from 'ng2-pdf-viewer'; // <- Here

@NgModule({
  imports: [BrowserModule, PdfViewerModule], // <- Here
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})

class AppModule {}

然后在您的html上使用它

 <pdf-viewer [src]="your_pdf" [render-text]="true" style="display: block;"></pdf-viewer>