我在ionic 4中工作,我想让页面包含2个控件 条款和条件之类的“ PDF Viewer,复选框” </ p>
我找不到类似于此页面的任何解决方案,有人有任何想法或解决方案吗?
谢谢
答案 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>
希望对您有帮助