2017-10-16 4 views
9

J'ai essayé de travailler avec ionic/cordova plugin here.DocumentViewer ne fonctionne pas avec Ionic 3

Je mis ce code dans ma page:

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

Et un simple bouton pour lancer dans la page html:

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

Mais je ne vois rien dans l'émulateur (car il est impossible de l'exécuter sur le navigateur)

Infos ionique est là:

enter image description here

MISE À JOUR:

C'est ce que je reçois lors du débogage avec mes devtools de l'appareil et chrome:

enter image description here

MISE À JOUR 2:

J'ai essayé travailler avec des chemins absolus mais j'ai une valeur nulle, j'ai e fait ces changements:

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) 

Mais voir ce que j'ai:

enter image description here

+0

des erreurs dans la console en utilisant [débogage à distance] (https://developers.google.com/web/tools/chrome-devtools/remote-debugging/)? –

+0

en fait je n'ai pas beaucoup d'idée sur le débogage à distance. Je vais voir comment travailler avec elle –

+0

@HoussemBdr est votre déclic déclenchant? – Webruster

Répondre

1

Cela ne répond pas directement à votre question, mais est une solution pour obtenir des fichiers PDF à afficher. J'ai eu des problèmes avec beaucoup de plugins pour lire des PDF, donc j'ai fini par utiliser un projet Mozilla appelé PDF.js pour rendre le PDF directement dans le navigateur sur la plateforme Android, et sur iOS ils sont affichés nativement dans le navigateur . Pour le gérer comme un spectateur, séparément du reste de mon application, j'ai utilisé un in app browser window.

Il existe quelques exemples de code pour PDF.js ici: http://mozilla.github.io/pdf.js/examples/index.html#interactive-examples

Hope qui aide quelqu'un!