我想用CTRL +P打印分页角分量

Question

我试过像下面这样

项目结构

​

​

作业摘要组件需要打印

HTML

<div>
  <div>first page</div>
  <div class="page-break"></div>
  <div>second page</div>
</div>

CSS

@media print {
  .page-break { page-break-before: always; } 
}

结果仅显示第一页。

​

​

Answer 1

对我来说很好。

​

​

请确保将css文件添加到组件的styleUrls数组中。

例如：styleUrls: [ './app.component.css' ]

查看斯塔克布蒂茨的演示。单击“新建窗口中的打开”进行检查。

Answer 2

确保脚本中没有显示: flex。如果是，那么向它添加一个包装器，并给出相同的类。或者将appcomponent类移动到全局styles.css。