Desarrollé un componente usando angular que incrusto en los sitios de los clientes. Quiero que el componente se extienda mínimamente hasta el final de la ventana gráfica. cada uno de los sitios tiene un encabezado de tamaño diferente y los encabezados no comparten una etiqueta/clase/id. Necesito agregar un valor de altura mínima a la aplicación que es igual a la altura de la ventana gráfica: altura del encabezado y de esa manera, incluso si el contenido de mi componente no es suficiente para alcanzar la parte inferior de la ventana gráfica, la altura mínima lo impondrá abarcando todo el camino a ello.
anteriormente manejé esos problemas con el siguiente código JS
var component= document.getElementById("component") component.minHeight = Window.innerHeight - component.getBoundingClientRect().toppero eso no funciona en angular ...
¿Alguna idea de cómo puedo hacer que esto funcione?
#component { min-height: 100vh; }En css, establezca la altura mínima en 100vh y el componente principal también.
Creo que es más simple con css que con javascript o mecanografiado.