angular-pdf-viewer

AngularJs 指令
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 AngularJS 扩展
软件类型 开源软件
地区 不详
投 递 者 訾凯歌
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

angular-pdf-viewer 是一项 AngularJs 指令,用来显示 PDF。

用法

  1. bower install angular-pdf-viewer

  2. 包括lib,AngularJS和PDFJS的路径:

<script src="bower_components/pdfjs-dist/build/pdf.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-pdf-viewer/dist/angular-pdf-viewer.min.js"></script>
  1. 将lib作为依赖项包含在您的angular应用程序中:
var app = angular.module('App', ['pdf']);
  • 以下是针对解决电子签名不显示的pdf预览的方案: 将pdfjs相关源码下载后,拷贝至项目目录下,如src/asssets, 另外需要修改 pdf.worker.js中代码,将以下代码注释: if (data.fieldType === 'Sig') { _this2.setFlags(_util.AnnotationFlag.HIDDEN); } 不注释的话页面可能看不到电子签名; 然后在a

  • 1、需求: 在项目开发中,上传pdf文件之后,需要对上传的pdf文件进行在线浏览。 2、方法: ① 安装ng2-pdf-viewer模块 npm install ng2-pdf-viewer --save ② html <div class="pdf-container"> <pdf-viewer [src]="src" [original-size]="false"></pdf-vie

  • 最近在ionic项目中,用ng2-pdf-viewer开发PDF浏览功能时遇到一个问题,表现就是插件一直白屏,PDF文件的内容不显示,如果给<pdf-viewer>加上错误事件监听: <pdf-viewer [src]="pdfSrc" (error)="onError($event)"> onError(error: any) { console.log('PDF error', err

  • 1.下载这两个插件可以实现在线预览和手势缩放 ng2-pdf-viewer https://www.npmjs.com/package/ng2-pdf-viewer ngx-pinch-zoom https://www.npmjs.com/package/ngx-pinch-zoom 如果出现兼容问题 npm i pdfjs-dist@2.4.456

 相关资料
  • 本文向大家介绍Angular 2 结构指令,包括了Angular 2 结构指令的使用技巧和注意事项,需要的朋友参考一下 示例            

  • 本文向大家介绍Angular 2 属性指令,包括了Angular 2 属性指令的使用技巧和注意事项,需要的朋友参考一下 示例            

  • 本文向大家介绍angular分页指令操作,包括了angular分页指令操作的使用技巧和注意事项,需要的朋友参考一下 目前的多个项目中都用到分页这个功能,为了提高可复用性,我特地分离出来写了个分页的指令。直接贴代码,详情如下: index.html index.js  指令模板  page.html 指令定义page.js  效果如图所示: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大

  • 问题内容: 的角度UI路由器允许 多个嵌套视图 。这些可互换视图的作用似乎与指令的作用重叠。 使用(多个,嵌套的) s vs angular 指令的 利弊是什么? 更新 状态和路由是两个不同的功能。状态允许您换出partial.html模板及其控制器,并且您可以(可选地?)指定相应的URL /路由。 在Tim Kindberg(开发人员)的电子邮件回复中: ui-view是一个指令,因此,如果使用

  • Error:SyntaxError:在JSON中,在XMLHttpRequest.onload Oketask(http://localhost:4200/polyfills.js:2780:60)在zone.push../node_modules/zone.js/dist/zone.js.zone.runtask(http://localhost:4200/polyfills.js:2553:4