使用angular 2组件中的window.print()将CSS类应用于打印窗口的html内容

<div class="print-content">
  <!-- 打印内容 -->
</div>

.print-content {
  /* 打印样式 */
}

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-print',
  templateUrl: './print.component.html',
  styleUrls: ['./print.component.css']
})
export class PrintComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }

  print(): void {
    const printContent = document.querySelector('.print-content');
    if (printContent) {
      printContent.classList.add('print-style'); // 将CSS类应用于打印内容
      window.print(); // 触发打印功能
      printContent.classList.remove('print-style'); // 打印完成后移除CSS类
    }
  }

}

<button (click)="print()">打印</button>