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

Angular JS generating PDF - any creator - maker modules?

本文关键字：创建者 制造商 模块 任何 Angular 生成 PDF JS      更新时间：2023-09-26

正如标题所说，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

相关文章：