如何在离子中打开pdf

Question

我应该如何使用离子FileOpener？或者另一种显示PDF文件的方式？我已更新，但收到错误。

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
}) 
export class HomePage {
    page2 = Page2;
    ionViewDidLoad() {
    }
    pdfUrl : string;
    pins = PINS;
    str : string; 
    constructor(public navCtrl: NavController, private fileOpener: FileOpener) { 
    }
    onSelect(pin: Pin): void {
        this.fileOpener.open('assets/helloworld.pdf', 'application/pdf')
        .then(() => console.log('File is opened'))
        .catch(e => console.log('Error openening file', e));
    }
};

error

Answer 1

要打开现有的PDF文件，您可以使用File Opener插件。 首先安装Cordova和Ionic Native插件：

$ ionic cordova plugin add cordova-plugin-file-opener2
$ npm install --save @ionic-native/file-opener

然后将此插件添加到您应用的模块（app.module.ts）：

...

import { FileOpener } from '@ionic-native/file-opener';

...

@NgModule({
  ...

  providers: [
    ...
    FileOpener
    ...
  ]
  ...
})
export class AppModule { }

现在你可以使用你的插件了：

import { FileOpener } from '@ionic-native/file-opener';

    constructor(private fileOpener: FileOpener) { }

    ...

    this.fileOpener.open('path/to/file.pdf', 'application/pdf')
      .then(() => console.log('File is opened'))
      .catch(e => console.log('Error openening file', e));

希望我帮忙！