2017-10-16 22 views
9

ionic/cordova plugin hereで作業しようとしました。DocumentViewerがIonic 3で動作しない

showDocument() { 
    var options: DocumentViewerOptions = { 
     title: 'A book', 
     documentView: { closeLabel: '' }, 
     navigationView: { closeLabel: '' }, 
     email: { enabled: true }, 
     print: { enabled: true }, 
     openWith: { enabled: true }, 
     bookmarks: { enabled: true }, 
     search: { enabled: false }, 
     autoClose: { onPause: false } 
    } 
    this.docViewer.viewDocument('assets/arabic.pdf', 'application/pdf', options); 
    } 

とHTMLページでそれを起動するための簡単なボタン:

だから私は、私のページにこのコードを入れ

<ion-content> 
    <button ion-button round (click)="showDocument()"> 
    Read 
    </button> 
</ion-content> 

をしかし、私は(エミュレータで何を見ることができません

イオン性情報がある)は、ブラウザ上でそれを実行することはできませんので、

enter image description here

UPDATE

これは私のデバイスとクロムデベロッパーツールでデバッグするときに私が得るものです:

enter image description here

UPDATE 2

私が試してみました絶対パスで動作するが、私はnull値を持っている、私はhav eは、これらの変更を行った:

import { File } from '@ionic-native/file'; 
declare let cordova: any; 
//staff 

pdfSrc: string = cordova.file.applicationDirectory + 'assets/arabic.pdf'; 

//staff 
console.log(this.pdfSrc); 
this.document.viewDocument(this.pdfSrc, 'application/pdf', options) 

しかし、私が持っているものを参照してください:

enter image description here

+0

[リモートデバッグ](https://developers.google.com/web/tools/chrome-devtools/remote-debugging/)を使用してコンソールにエラーが発生しましたか? –

+0

実際、私はリモートデバッグについてはあまり考えていません。 –

+0

@HoussemBdrはあなたのクリックトリガーリングですか? – Webruster

答えて

1

をこれが直接あなたの質問にお答えしますが、PDFファイルを表示するために取得するための回避策であることはありません。

PDFを読むためのプラグインがたくさんありましたので、PDF.jsというMozillaプロジェクトを使用して、Androidプラットフォームのブラウザで直接PDFをレンダリングしました.iOSではブラウザにネイティブ表示されます。私のアプリの残りの部分とは別にビューアのように扱うために、私はin app browser windowを使いました。 http://mozilla.github.io/pdf.js/examples/index.html#interactive-examples

希望誰かを助けます:

はここPDF.jsのためのいくつかのコード例があります!

関連する問題