在Angular 2中打印HTML模板(在Angular 2中使用ng-print)

在Angular 2中打印HTML模板(在Angular 2中使用ng-print),第1张

在Angular 2中打印HTML模板(在Angular 2中使用ng-print)

这就是我在angular2中完成此 *** 作的方式(它类似于那种 笨拙的 解决方案)在您的HTML文件中:

<div id="print-section">  // your html stuff that you want to print</div><button (click)="print()">print</button>

并在您的TS文件中:

print(): void {    let printContents, popupWin;    printContents = document.getElementById('print-section').innerHTML;    popupWin = window.open('', '_blank', 'top=0,left=0,height=100%,width=auto');    popupWin.document.open();    popupWin.document.write(`      <html>        <head>          <title>Print tab</title>          <style>          //........Customized style.......          </style>        </head>    <body onload="window.print();window.close()">${printContents}</body>      </html>`    );    popupWin.document.close();}

更新:

您还可以 缩短路径,仅使用ngx-
print
库来减少不一致的编码(混合JS和TS)和更多现成的可控制和安全的打印案例。



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5087270.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-16
下一篇 2022-11-16

发表评论

登录后才能评论

评论列表(0条)

保存