2017-10-16 37 views
9

Tôi đã cố gắng làm việc với ionic/cordova plugin here.DocumentViewer không hoạt động với Ionic 3

Vì vậy, tôi đặt mã này trong trang của tôi:

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); 
    } 

Và một nút đơn giản để khởi động nó trong trang html:

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

Nhưng tôi không thể nhìn thấy bất cứ điều gì trong giả lập (vì không thể chạy trên trình duyệt)

Thông tin Ionic là có:

enter image description here

CẬP NHẬT:

Đây là những gì tôi nhận được khi gỡ lỗi với thiết bị và chrome DevTools tôi:

enter image description here

UPDATE 2:

Tôi đã cố gắng để làm việc với đường dẫn tuyệt đối nhưng tôi đã có giá trị null, tôi hav e làm những thay đổi đó:

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) 

Nhưng thấy những gì tôi đã có:

enter image description here

+0

bất kỳ lỗi nào trong bảng điều khiển bằng cách sử dụng [gỡ lỗi từ xa] (https://developers.google.com/web/tools/chrome-devtools/remote-debugging/)? –

+0

thực sự tôi không có nhiều ý tưởng về gỡ lỗi từ xa. Tôi sẽ xem cách làm việc với nó –

+0

@HoussemBdr là cú nhấp chuột của bạn? – Webruster

Trả lời

1

này không trả lời câu hỏi của bạn trực tiếp, nhưng là một cách giải quyết để có được các file PDF để hiển thị.

Tôi gặp sự cố với rất nhiều plugin để đọc tệp PDF, vì vậy tôi chỉ sử dụng một dự án Mozilla có tên là PDF.js để hiển thị tệp PDF trực tiếp trong trình duyệt trên nền tảng Android và trên iOS chúng được hiển thị nguyên bản trong trình duyệt . Để xử lý nó như một người xem, riêng biệt với phần còn lại của ứng dụng của tôi, tôi đã sử dụng in app browser window.

Có một số ví dụ mã cho PDF.js đây: http://mozilla.github.io/pdf.js/examples/index.html#interactive-examples

Hy vọng rằng sẽ giúp một ai đó!

Các vấn đề liên quan