A angular-cli project based on rxjs, tslib, webpack, zone.js, pdfjs-dist, @angular/core, worker-loader, @angular/forms, ng2-pdf-viewer, @angular/common, @angular/router, @angular/compiler, @angular/animations, @angular/platform-browser and @angular/platform-browser-dynamic. ...
1 安装 ng2-pdf-viewer yarn add ng2-pdf-viewer 2 在项目中添加 import { NgModule } from '@angular/core';import { PdfViewerModule } from'ng2-pdf-viewer'; import { DemoComponent } from'./pages/demo/demo.component'; @NgModule({ imports: [PdfViewerModule,], declarations: [ DemoComponent...
node_modules/ng2-pdf-viewer/src/app/pdf-viewer/pdf-viewer.module.d.ts(5,10): error TS2305: Module '"F:/JSWorkspace/PDF-Viewer/node_modules/pdfjs-dist/types/pdf"' has no exported member 'PDFJSStatic'. node_modules/ng2-pdf-viewer/src/app/pdf-viewer/pdf-viewer.module.d.ts(5,23):...
[src]="'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf'" For more control you can pass options object to[src].See other attributes for the object here. Options object for loading protected PDF would be: {url:'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test...
ng2-pdf-viewer是一个用于在Angular应用中显示PDF文件的开源库。getOutline()是ng2-pdf-viewer库中的一个方法,用于获取PDF文件的大纲(书签)信息。该方法返回的是一个未定义(undefined)的值。 大纲(书签)是PDF文件中的一种导航工具,它可以让用户快速定位到文件中的特定部分。大纲通常由标题和页码组成,用户可以点击...
跨平台兼容性:ng2-pdf-viewer可以在各种平台上运行,包括桌面、移动设备和Web浏览器。 社区支持:作为一个开源项目,ng2-pdf-viewer拥有一个活跃的社区,可以提供支持和解决问题。 应用场景: 在线文档查看:ng2-pdf-viewer可以用于在网页上显示PDF文档,用户可以直接在浏览器中查看和操作PDF文件。
[src]="'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf'" For more control you can pass options object to[src].See other attributes for the object here. Options object for loading protected PDF would be: {url:'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test...
Embed pdf into any angular component/page Installation Step 1: Install@kariudo/ng2-pdfjs-viewer $ npm install @kariudo/ng2-pdfjs-viewer --save And then configure it in your AngularAppModule: import{BrowserModule}from"@angular/platform-browser";import{NgModule}from"@angular/core";import{AppCompo...
import{ NgModule }from'@angular/core';import{ BrowserModule }from'@angular/platform-browser';import{ AppComponent }from'./app/app.component';import{ PdfViewerComponent }from'ng2-pdf-viewer'; @NgModule({imports: [BrowserModule],declarations: [AppComponent, PdfViewerComponent],bootstrap: [AppCompo...
<pdf-viewer [src]="'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf'" [rotation]="0" [original-size]="false" [show-all]="true" [fit-to-page]="false" [zoom]="1" [zoom-scale]="'page-width'" [stick-to-page]="false" ...