我想在 Angular 2 中打印 HTML 模板。我已经对此进行了探索,我在 AngularJS 1 中得到了解决方案在 Angularjs 中打印 Html 模板 1
任何建议将不胜感激
这就是我在 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();
}
UPDATE:
您还可以缩短路径并仅使用ngx打印库可减少不一致的编码(混合 JS 和 TS)以及更多开箱即用的可控且安全的打印案例。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)