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

Question

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

我找不到像这个页面这样的解决方案，有人有任何想法或解决方案吗？

谢谢

Answer 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 创建您的页面，并在模块页面中添加您的库 import { PdfViewerModule } from 'ng2-pdf-viewer' 的导入；

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

我希望这对你有帮助