imprimir div html angular print

ex.ts

// boton ejecuta impruimir 
<button nz-button nzGhost (click)="printer()">
      <i nz-icon type="printer" theme="outline"></i>Imprimir
    </button>  

//DIV a imprimir
<div style="visibility: hidden;" id="print" class="print">
  <div nz-col style="text-align: center;">
    <h2>Comprobante número: {{respuesta?.numeroComprobante}}</h2>
    <h3>Informacion del alumno:</h3>
    <p>Documento: {{tramite.alumno?.documento | dni }}</p>
    <p>Apellido y Nombre: {{tramite.alumno?.apellido | uppercase }}, {{tramite.alumno?.nombre | titlecase}}</p>
    <p>Origen: {{tramite.origen}}</p>
    <p>Establecimiento destino: {{tramite.alumno?.establecimientoNombre}}</p>
  </div>
</div>



printer() {
    const printContent = document.getElementById("print");
    const WindowPrt = window.open('', '', 'left=0,top=50,width=900,height=900,toolbar=0,scrollbars=0,status=0');
    WindowPrt.document.write(printContent.innerHTML);
    WindowPrt.document.close();
    WindowPrt.focus();
    WindowPrt.print();
    WindowPrt.close();
  }