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ó:
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:
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ó:
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/)? –
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ó –
@HoussemBdr là cú nhấp chuột của bạn? – Webruster