Question

正如标题所说，Angular有任何PDF创建者/生成器吗？

我见过https://github.com/MrRio/jsPDF，但无法找到Angular的任何内容。我想制作一个HTML页面到pdf文件下载。

Answer 1

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

Answer 2

看起来@Mike把它关在那里。一些快速的更改产生了一个体面的文件，并提出了一个打印弹出窗口。

1 - 为您要打印的区域提供＆＃39; printArea＆＃39;

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 3

您可以使用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();

  };

Answer 4

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

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

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

4 个答案: