Angular 8打印HTML

问题描述 投票:0回答:1

我有简单的angular 8应用程序,并且我在我的angular组件中打印一些html部分,这在开发版本中可以正常工作,但是如果我在生产环境中部署我的angular应用程序,则将打印文档打开然后立即关闭,因此我可以查看,打印或保存我的文档。

我尝试了不同的打印方法,但是很简单,在生产环境中无法正常工作。

我正在使用的打字稿方法

    print(): void {
       let printContents, popupWin;
       printContents = document.getElementById('invoice').innerHTML;
       popupWin = window.open('', '_blank', 
       'top=0,left=0,height=100%,width=auto');
       popupWin.document.open();
       popupWin.document.write(`
      <html>
      <head>
          <title>${this.printTitle}</title>
          <style></style>
      </head>
      <body onload="window.print();window.close()">
        ${printContents}
      </body>
      </html>
     `);
    }
angular angular8 production-environment
1个回答
0
投票

也许可以尝试

print(): void {
    let printContents, popupWin;
    printContents = document.getElementById('invoice').innerHTML;
    popupWin = window.open('', 'my_print', 'height=500,width=300');
    popupWin.document.write(`
    <html>
    <head>
    <title>${this.printTitle}</title>
    <style></style>
    </head>
    <body>
    ${printContents}
    </body>
    </html>
    `);
    popupWin.print();
    popupWin.close();
}
© www.soinside.com 2019 - 2024. All rights reserved.