在角度2中使用window.print()只打印一页

时间:2017-11-10 03:32:44

标签: javascript css angular

我将html用于打印在div的{​​{1}}类,该类位于材质对话框页面中,并在角度组件中单击打印按钮时调用forPrint。<登记/> 但是,它只显示/打印当前屏幕中的页面,其余部分在单击按钮时被切断 如何用class forPrint打印div中的整个内容?
我认为原因是材料对话,因为当我在普通页面中打印某些内容时,它可以正常工作。

CSS:

window.print()

2 个答案:

答案 0 :(得分:0)

在CSS下面打印class-forPrint或页面使用的全部内容

@media print {
      body, html, .forPrint{
          width: 100%;
          height:100%;
      }
}

答案 1 :(得分:0)

使用材料sidenav时遇到了这样的问题。尝试在sidenav容器之外创建forPrint div。