2017-08-29 93 views
0

我需要将Html模板转换为pdf,我需要下载该文件。我使用Angular 2.是否有任何TypeScript代码将HTML模板转换为PDF?Angular 2中的HTML TO PDF转换

+1

请参加[导览]并阅读[问]。询问代码示例是无关紧要的。 – Lexi

+0

也有npm包,你可能可以用来帮助你实现这一点。你可以尝试看看jspdf:https://github.com/MrRio/jsPDF – yoonjesung

回答

0

我一直在使用一个外部库,以便能够从文件我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); 
    }); 
} 
+0

我使用的是角度2 cli编译器。我想在前端将html转换为pdf。而不是从服务器端 –

+0

这是来自一个Angular组件 –

+0

虽然FileSaver不会将HTML转换为PDF,对吧?您是否在使用其他方式来进行转换? – ganeshk

0

这时候你想创建一个PDF看起来酷似充满数据的角度HTML模板令人惊讶的棘手我用这个有很多的作为报告。布局可以用HTML完成,用户可以在屏幕上看到它,或者打印/保存/电子邮件为PDF格式。

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

我发现的解决方案完美无缺,是一款商业应用程序HiQPdf。在C#中工作,并会做几乎任何你想要的。找到它是一个经济高效的解决方案。希望我已经知道了它之前,我已经吹了20多个无法计费的小时,试图自己完成它。