Angular 2中的HTML到PDF转换

Question

我需要将Html模板转换为pdf，我需要下载该文件。我正在使用Angular 2.是否有任何TypeScript代码将HTML模板转换为pdf？

Answer 1

我一直在使用外部库来从Angular4应用程序导出文档：https://github.com/eligrey/FileSaver.js/

它可能不完全是您对整个页面的要求，但是从我的应用程序中提取数据为CSV / PDF是完美的。

以下是我用于提取数据的示例代码。我将此方法绑定到按钮以触发事件：

exportDatas(documentType: string) {
  this.MyRandomServiceThatReturnsData.getDatas(MyParameters1, ...)
  .subscribe(result => {
    const blob = new Blob([result.blob()]);
    const objectUrl = URL.createObjectURL(blob);
    FileSaver.saveAs(blob, 'Export.' + documentType);
  });
}

Answer 2

当您想要创建一个看起来与填充数据的Angular HTML模板完全相同的PDF时，这非常棘手。我将此用于报告，因为布局可以用HTML完成，用户可以在屏幕上看到它或以PDF格式打印/保存/发送电子邮件。

认为PDF打印机驱动程序会这样做，但这似乎只适用于在服务器端完成的页面。

我发现的解决方案完美无瑕，是一款商业应用，HiQPdf。在C＃中工作，几乎可以做任何你想做的事情。找到一个经济有效的解决方案。希望在我自己完成20多个非计费时间之前，我已经知道了这件事。