web-dev-qa-db-ja.com

ionic PDFファイルを開いて、iOSとandroid

PDFのURLが1つあります。ブラウザで動作を開こうとすると。しかし、Androidとiosデバイスの両方で開こうとすると、PDFファイルが開かれません。ここに私のコードがあります：

私のコントローラー：

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

私のhtmlコードはクリックしてください：

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

私を助けてください。 PDFファイルを開いてAndroidとiOSデバイスの両方で表示するにはどうすればよいですか？.

前もって感謝します ！！

htmlangularjspdfionic-frameworkhybrid-mobile-app
7
hybrid Dev

プラグインをインストールする

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>
2
Edison

ここで同様の質問があります。 イオンフレームワークPdfViewer

このPhonegapプラグインを使用してみてください https://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");
    }
}
0
DevSab