angularjs - 在 ionic 应用程序中显示 pdf

标签 angularjs pdf mobile angularjs-directive ionic-framework

我正在使用 ionic 框架开发一个应用程序,我需要显示一个 pdf。

我在网上看了很多,发现这个指令可以用

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

问题是我在将该指令与我的 ionic 应用程序集成时遇到了问题。

我已经完成了指示的步骤:

  1. bower 安装 angular-pdf-viewer

  2. 包括库、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. 将库作为依赖项包含在您的 Angular 应用程序中:

      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

我做错了什么?

提前致谢!

最佳答案

我相信 url 值是为了指向您的范围。所以假设你有 $scope.pdf = "the url you want",你会在标签中做 url="pdf"。

关于angularjs - 在 ionic 应用程序中显示 pdf,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36941643/

相关文章:

android - 如何手动将库添加到react-native项目中?

javascript - 在 Angular 指令中获取父元素

javascript - 使用javascript旋转pdf对象

ios - iOS 中的棕褐色调 PDF

pdf - 具有矩阵和列表的SSRS 2005在打印或导出为PDF时在每个数据页之间显示空白页

android - 如何在 CircleAvatar 上放置指向菜单的链接?有可能吗?

android - 初创公司首先要使用 iOS 或 Android 应用程序

javascript - 无法让 Angularjs promise 正常工作

javascript - Angular.Js 使用其他 3 个输入的总和动态更新输入

javascript - 从选项中选择后如何保留所选值?