Angular JS 生成 PDF - 任何创建者 - 制造商模块？

Question

如标题所说，Angular 是否有任何 PDF 创建器/生成器？

我看过 https://github.com/MrRio/jsPDF，但找不到 Angular。我想制作一个 html 页面到 pdf 文件以供下载。

Answer 1

您可以将您提到的 JavaScript 项目包装到您在整个应用程序中调用的服务中。这实际上是一种相当标准的做法，如果您需要更改底层实现，它还会隔离您的代码。

Answer 2

您可以使用 window.print() 打印当前 HTML 文档。使用媒体查询调整样式文档。您可以即时构建文档并随时调用打印

@media print { 
 /* All your print styles go here */
 #header, #footer, #nav { display: none !important; } 
}

我的一个项目中的一些代码，打印的唯一内容来自 table:

 $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();

  };

Answer 3

看起来@Mike 已经把它放在那里了。一些快速的更改生成了一个外观不错的文件并弹出了一个打印弹出窗口。

1 - 为要打印的区域提供 ID 'printArea'

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();
};

Answer 4

这个 Angular 指令包装了 jsPDF 功能：

https://github.com/sayanee/angularjs-pdf

Angular JS 生成 PDF - 任何创建者 - 制造商模块？

Angular JS generating PDF - any creator - maker modules?

javascript

angularjs

pdf

meanjs