angular - Angular 6材料应用程序仅打印第一页

Question

我有一个使用角材料组件（版本 6）的角 6 应用程序。当我尝试打印时，它只打印第一页（使用谷歌浏览器）。可以在stackblitz上看到一个例子。我已经尝试了一些媒体查询，例如通过设置以下样式，但它没有任何区别

  body,
  html,
 .mainContainer{
  height: auto;
  overflow-y: visible;
  overflow-x: visible;
  }

标签： angularprintingangular-material

Answer 1

我最近遇到了一个类似的问题，不是解决方案，而是我在大量代码检查后发现的解决方法。

我正在使用角度材料库 v9 中的 sidenav。

@media print {
  .mat-drawer-container , .mat-drawer-content {
    overflow: visible !important;
  }
}

这似乎有助于打印所有页面。