Saltar al contenido

Cómo imprimir una página en Angular 4 con TS

Si hallas algún fallo con tu código o proyecto, recuerda probar siempre en un entorno de testing antes subir el código al proyecto final.

Solución:

en primer lugar, asigne una identificación a ese componente, luego:

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

Puedes probar esta solución.

archivo html

//Here I have all the HTML source
//Here I have all the HTML source

archivo ts

printComponent(cmpName) 
     let printContents = document.getElementById(cmpName).innerHTML;
     let originalContents = document.body.innerHTML;

     document.body.innerHTML = printContents;

     window.print();

     document.body.innerHTML = originalContents;

En el archivo scss del componente de la barra lateral o en el archivo css… puede ocultarlo cuando esté imprimiendo mediante consultas de medios:

@media print 
  :host 
    display: none;
  

Te mostramos reseñas y calificaciones

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *