查看ionic 4页面中的pdf文件,如条款和条件

时间:2019-02-23 21:15:19

标签: ionic4 pdf-viewer pdfview

我在ionic 4中工作,我想让页面包含2个控件 条款和条件之类的“ PDF Viewer,复选框” <​​/ p>

我找不到类似于此页面的任何解决方案,有人有任何想法或解决方案吗?

谢谢

1 个答案:

答案 0 :(得分:3)

我使用了https://github.com/vadimdez/ng2-pdf-viewer/中的ng2-pdf-viewer插件

1- npm安装ng2-pdf-viewer-保存

2-将PdfViewerModule添加到模块的导入

   import { PdfViewerModule } from 'ng2-pdf-viewer';



  @NgModule({
    imports: [BrowserModule, PdfViewerModule],
    declarations: [AppComponent],
      bootstrap: [AppComponent]
     })

3-创建用于exapmpe的页面pdf-viewer-page 并在模块页面中添加您的库的导入 从'ng2-pdf-viewer'导入{PdfViewerModule};

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    HeaderModule,
    RouterModule.forChild(routes),
    PdfViewerModule,
    PinchZoomModule,
  ],
在HTML页面中

4-

使用标签

<pdf-viewer [src]="'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf'"   style="display: block;" [zoom]="pdfZoom" [rotation]="rotation"
         [original-size]="false" [show-all] ="false" [page]="page"
         (after-load-complete)="afterLoadComplete($event)" ></pdf-viewer>

希望对您有帮助