Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Design front-end & web › Quadro frontal › A Série Angular 11 (XV) adquire altura de componente e ajusta dinamicamente a altura ...
Vista: 9574|Resposta: 1

[Angular] A Série Angular 11 (XV) adquire altura dos componentes e ajusta dinamicamente a altura

[Copiar link]
Publicado em 23/08/2020 18:05:22 | | | |
Componentes Carregados Dinamicamente da Série Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Parâmetros de transmissão de componentes dinâmicos da série Angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

A série Angular 9 (3) subscreve eventos dinâmicos de componentes
https://www.itsvse.com/thread-9246-1-1.html

Tubulações personalizadas da Série Angular 9 (IV)
https://www.itsvse.com/thread-9248-1-1.html

A Série Angular 9 (V) formata o formato de moeda de quantidade
https://www.itsvse.com/thread-9249-1-1.html

A série angular 9 (VI) chama variáveis e métodos JS nativos
https://www.itsvse.com/thread-9254-1-1.html

Mira CSS estilo Angular série 9 (VII)
https://www.itsvse.com/thread-9264-1-1.html

A série angular 9 (VIII) atualiza o valor de um componente filho ao acionar um evento via conjunto
https://www.itsvse.com/thread-9267-1-1.html

Seletor de #id Angular 9 Series (nove) aplicado na página
https://www.itsvse.com/thread-9278-1-1.html

A série Angular 9 (10) incorpora painéis de depuração do vconsole e do eruda
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 Series (XI) 5 Maneiras de Definir Estilos
https://www.itsvse.com/thread-9305-1-1.html

A série Angular 9 (XII) gera tokens dinâmicos baseados em OTPs
https://www.itsvse.com/thread-9325-1-1.html

A série Angular 10 (treze) apresenta os gráficos echarts Baidu
https://www.itsvse.com/thread-9347-1-1.html

Ambiente de produção Angular 11 série (XIV) para depuração
https://www.itsvse.com/thread-9348-1-1.html
Primeiro, os códigos de altura e largura visíveis do navegador dinâmico são os seguintes:

NósO div de fundo azul royal muda com a mudança de altura em todo o navegador, a altura é um quinto da altura visível do navegador, e o console exibe os valores ajustados de largura e altura da janela atual, conforme mostrado na figura abaixo:



O código é o seguinte:

Código HTML:



Código TS:

Verifique a altura do componente

O código html do componente app-test1 é o seguinte:



Código HTML:

Código TS:

Para Angular 8 ou versões posteriores, você precisa fornecer dois parâmetros no ViewChild


Caso contrário, o erro será o seguinte:

ERRO TipoErro: Não é possível ler a propriedade 'clienteAltura' de indefinido
Obtemos diretamente a altura do componente test1, ela retorna 0, precisamos envolver uma camada de div de fora para obter a altura normal, como mostrado na figura abaixo:



(Fim)




Anterior:[Turn] para obter a posição do cursor no html
Próximo:Demonstração de Exportação de Leitura NPOI

Posts Relacionados
 Senhorio| Publicado em 23/08/2020 18:06:05 |
Ou tente usar:https://www.npmjs.com/package/angular-resize-event
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com