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

Question

我在 ionic 4 工作，我想让页面包含 2 个控件 "PDF Viewer , checkbox" 喜欢条款和条件

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

谢谢

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 创建您的页面并在模块页面中添加库的导入从 '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>

希望对你有所帮助

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

view pdf file in ionic 4 - page like terms and condition

pdfview

pdf-viewer

ionic4