ionicアプリ内にpdfを表示

Question

イオンフレームワークを使用してアプリを開発しており、pdfを表示する必要があります。

私は、インターネット上でたくさん読んで、このディレクティブは、問題は、私は私のイオンアプリでディレクティブを統合するための問題を抱えているということです

https://github.com/winkerVSbecks/angular-pdf-viewer

を使用することを発見しました。

私が示されている手順を行ってきた：

1. 亭は角-PDFビューア

2. をインストールLIBへのパス、AngularJSとPDFJSを含める：（ここでは、私はパスを変更）

   <script src="lib/pdfjs-dist/build/pdf.js"></script> 
       <script src="lib/angular/angular.js"></script> 
       <script src="lib/angular-pdf-viewer/dist/angular-pdf-viewer.min.js"></script> 
   

3. あなたの角度アプリで依存関係としてのlibを含める：

   を

   var app = angular.module('App', ['pdf']); 
   

は、その後、私は、テンプレート

<pdf-viewer delegate-handle="my-pdf-container" url="www.publishers.org.uk/_resources/assets/attachment/full/0/2091.pdf" scale="1" show-toolbar="true" ></pdf-viewer> 

でこれを置くしかし、私は間違って何をやっている

[$parse:syntax] Syntax Error: Token 'pdf' is an unexpected token at column 64 of the expression

このエラーが出ますか？

ありがとうございます！

Answer 1

私はurl値があなたのスコープを指すものと信じています。あなたが$ scope.pdf = "あなたが望むURL"を持っていることを考えれば、タグにurl = "pdf"と書いてあります。

Answer 2

以下は、このPhoneGapのプラグインにhttps://github.com/ti8m/DocumentHandler

を使用してみてください、私はNG-クリックでそれを統合する方法です。

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