使用PDF.js库和Angularjs在IBM Mobile fist平台应用程序中显示PDF文件

我试图在应用程序中显示pdf文件，我已经测试了不同的选项，所有选项都基于pdf.js库，并使用Angle指令，我尝试了这个选项，它提供了一个指令，里面有一个服务和控制器，但我们的应用程序结构有点不同，我不得不将服务和控制器分成几个部分，而当我完成了不起作用的实现后，我采取了另一种方法，它似乎更直接，更容易实现，但不幸的是结果是一样的。它根本不加载文档，可能是我的url路径pdf文件错误，我试图复制与示例相同的结构， 这是一个示例，可以加载pdf并在画布中查看它

这是控制器的外观，基本上与sayanee相同

范例 这是我的文件夹结构

/content
-----/mypdf.pdf
/app
----/JS
-----/pdfviewer
------/partials
--------/canvas.html
------/pdfviewer.html
------/pdfviewer.controller.html
------/pdfviewer.module.html
----/index.html

在my controller.js中

$scope.pdfUrl ='./content/mypdf.pdf';
  console.log( 'controller PDFViewerCtrl::'+ $scope.pdfUrl);
  $scope.scroll = 0;
  $scope.loading = 'loading';

  $scope.getNavStyle = function(scroll) {
    if(scroll > 100) return 'pdf-controls fixed';
    else return 'pdf-controls';
  };

  $scope.onError = function(error) {
    console.log(error);
  };

  $scope.onLoad = function() {
    $scope.loading = '';
  };

  $scope.onProgress = function(progress) {
    console.log(progress);
  };

在pdfviewer.html中，我只保留画布

<hr>
{{loading}}
<canvas id="pdf" class="rotate0" ng-model="pdfUrl"></canvas>

我还在index.html中添加了pdf.js库和指令

<script src="js/lib/pdf.js"></script>
<script src="js/directives/angular-pdf.js"></script> 

我可以看到它调用指令，然后进入pdf库，但它挂在PDFJS.getDocument中，再也不会回来，所以我可以看到加载标签

我很确定pdf.js和指令是有效的，但我不确定它是否适用于使用cordova、Angularjs和Ionic的混合移动应用程序

---

我将非常感谢任何关于在应用程序内部或外部显示pdf的建议，或者。

我终于可以将pdf.js与IBM Mobile first项目集成，然后我可以在Mobile hybrid应用程序内部显示pdf文件，因此除了InApp浏览器cordova插件之外，还有其他选项，这是在IBM Mobile first应用程序中实现pdf.js和angular ionic的链接

我希望它能帮助那些在移动混合应用程序中寻找pdf查看器的人

angular.module('myapp', ['pdf'])

<script src="js/lib/pdf.js"></script>
<script src="js/directives/angular-pdf.js"></script>