Angular 6 Material 应用程序仅打印第一页

Question

我有一个使用 Angular Material 组件(版本 6)的 Angular 6 应用程序。当我尝试打印时，它只打印第一页(使用 Google Chrome)。一个例子可以在 stackblitz 上看到.我已经尝试了许多媒体查询，例如通过设置以下样式但没有区别

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

Answer 1

我最近遇到了类似的问题，不是解决方案，而是经过大量代码检查后找到的解决方法。
我正在使用 Angular Material 库 v9 中的 sidenav。

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

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