ionic как открыть pdf-файл и посмотреть в устройстве для ios и android

у меня есть один url pdf. Когда я пытаюсь открыть его работу в браузере. Но когда я пытаюсь открыть как android, так и ios-устройство. Мой файл pdf не открывается для просмотра. Вот мой код :

Мой Контроллер :

$window.OpenLink = function(link) {
    window.open( link, '_system');
  };

мой html код on-click:

<div  class="col col-50 clsGrid" onclick="OpenLink('http://www.orimi.com/pdf-test.pdf')">

пожалуйста, помогите мне. Как я могу открыть свой pdf-файл и посмотреть на устройстве android и ios.

спасибо заранее !!

2 ответов


установить плагин

cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git

затем попробуйте это

<a class="item" href="#" onclick="window.open('http://www.orimi.com/pdf-test.pdf', '_system', 'location=yes'); return false;">
  Open pdf
                </a>

аналогичный вопрос задал здесь. ионная структура PdfViewer

попробуйте использовать этот плагин Phonegaphttps://github.com/ti8m/DocumentHandler Для меня это сработало идеально.

ниже, как я интегрировал его.

$scope.HandleDocumentPlugin = function () {
    if (DocumentViewer != null) {
        DocumentViewer.previewFileFromUrlOrPath(
            function () {
                console.log('success');
            }, function (error) {
                if (error == 53) {
                    console.log('No app that handles this file type.');
                    var alert = $ionicPopup.alert({
                        title: 'Alert!',
                        template: "There is no app installed that handles this file type."
                    });
                    alert.then(function (res) {

                    });
                }
            }, $scope.PDF_URL);
    }
    else if (DocumentHandler != null) {
        DocumentHandler.previewFileFromUrlOrPath(
           function () {
               console.log('success');
           }, function (error) {
               if (error == 53) {
                   console.log('No app that handles this file type.');
                   var alert = $ionicPopup.alert({
                       title: 'Alert!',
                       template: "There is no app installed that handles this file type."
                   });
                   alert.then(function (res) {

                   });
               }
           }, $scope.PDF_URL);
    }
    else {
        console.log("error");
    }
}