Question

我正在离子2框架中创建一个应用程序（基于angularjs2）。在这里，我在论坛中提供数据，这些数据由pdf显示。任何人都可以告诉我们如何在angularjs2或ionic 2以及一些基本片段中安装pdfmake。

Answer 1

我正在努力寻找解决方案。我在这里遇到了一个可能对你有帮助的Plunker：https://plnkr.co/edit/7tPFTAjKWwaRp1IbT0Tg?p=preview

您需要使用Bower在您的项目中安装pdfmake（通过bower install pdfmake）

然后引用index.html中的文件

  <script src='pdfmake.min.js'></script>
  <script src='vfs_fonts.js'></script>

（它可能会帮助您将两个js文件移动到与Index.html相同的文件中）

然后你需要一个js文件来实际构建pdf（在示例中，plunker看起来像这样：）

function buildPdf(value) {
    var pdfContent = value;

    var docDefinition = {
        content: [{
            text: 'My name is: '
        }]
    }
    console.log(pdfContent);
    return docDefinition;
}

你在你的组件中使用它（这里'export class App'是组件的名称）：

export class App {
  public item: {firstName: string, lastName: string} = {firstName: 'Peter', lastName: 'Parker'};
    pdf: any;
    buildPdf: any = new buildPdf();

    openPdf() {
        this.pdf = pdfMake;
        this.buildPdf = buildPdf;
        this.pdf.createPdf(buildPdf(this.item)).open();
    }
}

我希望这有帮助！

在Angularjs2 / Ionic2

1 个答案: