在 ionic 4 中查看 pdf 文件 - 类似条款和条件的页面

Posted 2023-03-12

【中文标题】在 ionic 4 中查看 pdf 文件 - 类似条款和条件的页面

【英文标题】：view pdf file in ionic 4 - page like terms and condition

【发布时间】：2019-02-23 21:15:19

【问题描述】：

我在 ionic 4 中工作，我想让页面包含 2 个控件 “PDF 查看器，复选框”，如条款和条件

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

谢谢

【参考方案1】：

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

1- npm install ng2-pdf-viewer --save

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,
  ],

4- 在您的 html 页面中

使用标签

<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>

希望对你有帮助