如何在打印mat-dialog时隐藏@media print的Angular 9背景组件？

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

constructor(private renderer: Renderer2, private elementRef: ElementRef) { }

ngOnInit() {
  this.renderer.listen('window', 'beforeprint', () => {
    this.renderer.addClass(this.elementRef.nativeElement, 'hide-background');
  });

  this.renderer.listen('window', 'afterprint', () => {
    this.renderer.removeClass(this.elementRef.nativeElement, 'hide-background');
  });
}

.hide-background {
  display: none;
}