eso quiero saber :huh:
Si puedes, debes crear un css media print que oculte todo menos el contenido y disponga el contenido de manera totalmente limpia eliminando todas las imagenes de fondo, después solo llamas a print().
Pudes hacerlo en un componente de manera directa, asi no necesitas globalizar el css, solo le importas el css en tu carpeta del componente y ya.
Mira, dale un vistazo a esto: https://timdeschryver.dev/blog/print-css-with-angular
Recuerda que esto solo sirve para una impresión desde el navegador, no desde el servidor ni una exportación a algo no estandar como un pdf.
Saludos.
Muy interesante, me sirvió de mucho ahora me falta quitar el header, footer y redimencionar el ancho de la pagina para que salga bien el PDF.
Esto tengo en el app.component.html
<div class="container-fluid">
<app-header>
</app-header>
<router-outlet>
</router-outlet>
<app-footer>
</app-footer>
</div>
@media print {
app-header,
app-footer,
button,
.derecho:before,
.foot:before {
display: none !important;
}
.print {
margin: 0cm;
}
}
:rolleyes:
Por estandar no puedes utilizar caracteres no alfanuméricos en los nombres de las etiquetas, excepto los dos puntos para las etiquetas especiales.
Gracias, lo he logrado, casí me voy a dormir y al último momento funcionó era de sacar la visibilidad pero en esos componentes o sea volver a escribir el @media print{} en el componente que no quiero que salga. Me siento una 100tifik ;-)