在Ctrl+P之后，无论视口大小如何，所有fxHide指令都会触发

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

@Component({
  selector: 'app-example',
  template: `<div [class.hidden]="isHidden">Content to hide</div>`
})
export class ExampleComponent implements OnInit, OnDestroy {
  isHidden = false;
  private mediaQueryList: MediaQueryList;

  ngOnInit() {
    this.mediaQueryList = window.matchMedia('(max-width: 600px)');
    this.mediaQueryList.addListener(this.handleMediaQueryChange);
    this.handleMediaQueryChange(this.mediaQueryList);
  }

  ngOnDestroy() {
    this.mediaQueryList.removeListener(this.handleMediaQueryChange);
  }

  private handleMediaQueryChange(mql: MediaQueryList) {
    this.isHidden = mql.matches;
  }
}

@media print {
  .fx-hide-print {
    display: none !important;
  }
}

<div class="fx-hide-print">This will be hidden when printing.</div>