Javascript 在angular 2中使用window.print（）只打印一页

我将用于打印的html放入一个

div

中，该div带有类

forPrint

，该类位于材质对话框页面中，当单击角度组件中的打印按钮时，调用

窗口。print（）

。
但是，它仅显示/打印当前屏幕中的页面，其余页面在单击按钮时被切断。
如何使用打印类打印div中的全部内容？
我认为原因是材料对话框，因为当我在一个正常的页面打印一些东西时，它工作得很好

CSS:

---

要打印类的全部内容，请在CSS下面打印或使用页面

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

---

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

它可能与

位置：绝对位置有关且仅提供顶部/左侧。。。添加
底部：40px；右：30px（我假设您已经完成了上述操作，以便在打印的文档中添加页边距）我认为原因在于“材质”对话框，因为当我在普通页面中打印某些内容时，它工作正常
@media print {
      body, html, .forPrint{
          width: 100%;
          height:100%;
      }
}