Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Architect_Programmer_Code Red Agrícola»Arquitecto › Diseño front-end y web › Bastidor frontal › La serie angular 11 (XV) adquiere altura de componentes y ajusta dinámicamente la altura ...
Vista: 9574|Respuesta: 1

[Angular] La Serie Angular 11 (XV) adquiere altura de componentes y ajusta dinámicamente la altura

[Copiar enlace]
Publicado en 23/8/2020 18:05:22 | | | |
Componentes Dinámicos Cargados de la Serie Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Parámetros de transmisión de componentes dinámicos de la serie angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

La serie Angular 9 (3) se suscribe a eventos dinámicos de componentes
https://www.itsvse.com/thread-9246-1-1.html

Tuberías personalizadas Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formatea el formato de moneda de cantidad
https://www.itsvse.com/thread-9249-1-1.html

La serie angular 9 (VI) llama variables y métodos JS nativos
https://www.itsvse.com/thread-9254-1-1.html

Mira estilo CSS de la serie Angular 9 (VII)
https://www.itsvse.com/thread-9264-1-1.html

La serie angular 9 (VIII) actualiza el valor de un componente hijo al desencadenar un evento mediante el conjunto
https://www.itsvse.com/thread-9267-1-1.html

Selector de #id Angular 9 Series (nueve) aplicado en la página
https://www.itsvse.com/thread-9278-1-1.html

La serie Angular 9 (10) integra paneles de depuración para desarrolladores de vconsole y eruda
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 Series (XI) 5 formas de definir estilos
https://www.itsvse.com/thread-9305-1-1.html

La serie Angular 9 (XII) genera tokens dinámicos basados en OTPs
https://www.itsvse.com/thread-9325-1-1.html

La serie Angular 10 (trece) introduce los gráficos echarts de Baidu
https://www.itsvse.com/thread-9347-1-1.html

Entorno de producción de la serie Angular 11 (XIV) para depuración
https://www.itsvse.com/thread-9348-1-1.html
Primero, los códigos dinámicos de altura y ancho visible del navegador son los siguientes:

NosotrosEl div de fondo azul real cambia con el cambio de altura en todo el navegador, la altura es una quinta parte de la altura visible del navegador, y la consola muestra los valores ajustados de ancho y altura de la ventana actual, como se muestra en la figura siguiente:



El código es el siguiente:

Código HTML:



Código TS:

Averigua la altura del componente

El código html del componente app-test1 es el siguiente:



Código HTML:

Código TS:

Para Angular 8 o posterior, necesitas proporcionar dos parámetros en el ViewChild


De lo contrario, el error será el siguiente:

ERROR TipoError: No se puede leer la propiedad 'clientHeight' de indefinido
Obtenemos directamente la altura del componente test1, devolverá 0, necesitamos envolver una capa de div desde el exterior para obtener la altura normal, como se muestra en la figura de abajo:



(Fin)




Anterior:[Turn] para obtener la posición del cursor en el html
Próximo:Demo de exportación de lectura NPOI

Publicaciones relacionadas
 Propietario| Publicado en 23/8/2020 18:06:05 |
O prueba a usar:https://www.npmjs.com/package/angular-resize-event
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.
Mail To:help@itsvse.com