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

Vista: 1582|Resposta: 0

[Angular] A série Angular 18 (vinte e sete) permite que a área do div fique em tela cheia e saia em tela cheia

[Copiar link]
Publicado em 20/11/2024 21:02:14 | | | |
Requisitos: Às vezes há conteúdo demais no site, sendo necessário exibir uma determinada área de div em tela cheia para facilitar a operação do usuário, além de ser necessário monitorar a tela cheia e sair de eventos em tela cheia para acionar algumas mudanças no estado dos botões.

Revisar:

Tutorial em tela cheia do Angular 7 Div (mapa)
https://www.itsvse.com/thread-7602-1-1.html

HTML5 determina se está em tela cheia
https://www.itsvse.com/thread-3807-1-1.html

O HTML5 sai dos eventos em tela cheia e escuta os eventos-chave do ESC
https://www.itsvse.com/thread-3800-1-1.html

Código de tela cheia do mapa Baidu (código de tela cheia do div)
https://www.itsvse.com/thread-3801-1-1.html
Vamos dar uma olhada primeiro nas renderizações, da seguinte forma:



Código HTML:

O código TS é o seguinte:

Se você usar o framework NG-ZORRO, alguns componentes não podem ser exibidos corretamente após tela cheia (caixa modal), e você precisa configurá-lo em app.config.ts da seguinte forma:

(Fim)





Anterior:【UPS】APC PowerChute Software de gerenciamento de desligamento serial
Próximo:O Windows Server {xxx} não está sendo registrado no DCOM dentro do tempo de espera exigido.
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