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)