正如标题所说,Angular有PDF创建器/生成器吗?
我看过 https://github.com/MrRio/jsPDF,但找不到Angular的任何内容。我想制作一个 html 页面到 pdf 文件以供下载。
您可以将提到的 JavaScript 项目包装到您在整个应用中调用的服务中。这实际上是一种相当标准的做法,如果您需要更改底层实现,它也会隔离您的代码。
看起来@Mike把它放在了那里。一些快速更改生成了一个外观不错的文件,并弹出了一个打印弹出窗口。
1 - 为要打印的区域指定"打印区域"的 ID
2 - 添加$window服务
$scope.printIt = function(){
var table = document.getElementById('printArea').innerHTML;
var myWindow = $window.open('', '', 'width=800, height=600');
myWindow.document.write(table);
myWindow.print();
};
您可以使用 window.print() 打印当前 HTML 文档。使用媒体查询调整文档样式。您可以随时动态构建文档并调用打印
@media print {
/* All your print styles go here */
#header, #footer, #nav { display: none !important; }
}
我的一个项目中的一些代码,打印表中的唯一内容:
$scope.print = function () {
console.log('modal print');
var table = document.querySelector('.CSSTableGenerator').innerHTML;
var myWindow = window.open('', '', 'width=800, height=600');
myWindow.document.write(table);
myWindow.print();
};
有这个 Angular 指令包装了 jsPDF 功能:
https://github.com/sayanee/angularjs-pdf