如何使用 ionic 3 将 pdf 文件打开到 div 或选项卡中？答案

【问题标题】：How to open pdf file into a div or a tab using ionic 3?如何使用 ionic 3 将 pdf 文件打开到 div 或选项卡中？
【发布时间】：2017-10-28 00:02:34
【问题描述】：

如何使用 ionic 3 将 pdf 文件打开到 div 或选项卡中？在下面使用代码我可以通过应用程序外部的 pdf 阅读器打开 pdf。我想把它显示到一个div中。请给我一些建议。

import { DocumentViewer } from '@ionic-native/document-viewer';


constructor(private document: DocumentViewer) { }

...
const options: DocumentViewerOptions = {
  title: 'My PDF'
}

this.document.viewDocument('assets/myFile.pdf', 'application/pdf', options)

【问题讨论】：

这是在android和ios代码中构建的本机组件，因此您无法在div中打开
看看this question/answer它可能会解决你的问题
这是 ionic1 或 angular 1，所以我需要进入 ionic 3 或 2
抱歉，纠正，这可能有助于解决您的问题。在该工具的 github 存储库中，他们谈论将其调整为 angular 2，显然有人完成了 75% .. 目前我没有其他线索

标签： ionic-framework ionic2 ionic3

【解决方案1】：

您可以为 Angular 2+ 应用程序使用 pdf 查看器组件。您可以自己编写或使用 npm 提供的一些内容。示例：https://github.com/VadimDez/ng2-pdf-viewer

模板：

<ion-content>
 <pdf-viewer
  [src]="pdfSrc" 
  [render-text]="true"
  style="display: block;"
 ></pdf-viewer>
</ion-content>

组件.ts

pdfSrc: string = '/pdf-test.pdf';

【讨论】：

你试过了吗？ Pdf 文件不滚动