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 9 (3) subscreve eventos dinâmicos de componentes
Vista: 15693|Resposta: 0

[Angular] A série Angular 9 (3) subscreve eventos dinâmicos de componentes

[Copiar link]
Publicado em 02/06/2020 17:20:01 | | | |
Revisão da seção anterior

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


Este artigo explica que, se você assina eventos para componentes dinâmicos, sabemos que componentes comuns podem ser limitados por (), mas e se você vincular eventos criados dinamicamente? E aceitar os parâmetros passados pelo componente.

Os componentes Modal1Component e Modal2Component são componentes que criamos dinamicamente na interface principal.

Modificamos o componente Modal1Component para adicionar uma caixa de entrada e um botão. Quando o botão do componente filho é clicado, o valor é passado de volta para o componente pai e exibido na interface do componente pai.

Vamos dar uma olhada primeiro nas renderizações, da seguinte forma:




Código relacionado ao componente Modal1 (subcomponente criado dinamicamente)

modal1.component.html



modal1.component.ts



Código relacionado ao componente índice (componente pai)

index.component.html

index.component.ts



Se um erro for reportado:

Não é possível vincular a 'ngModel' porque não é uma propriedade conhecida de 'entrada'

Solução:

Adicione o seguinte código ao seu app.module:




Agora podemos assinar eventos para componentes criados dinamicamente.

Se você não levar em conta o valor do subcomponente receptor, também pode usar o HostListener para receber os eventos do subcomponente e então tratá-los conforme o nome do botão do botão.

Adicione o seguinte código ao componente pai index.component.ts:

O e aqui se refere ao $event.target, e se você souber como obter os parâmetros do evento, também pode responder a uma mensagem deste artigo.



(Fim)




Anterior:Parâmetros de transmissão de componentes dinâmicos da série Angular 9 (2)
Próximo:Sistema de publicação de artigos que sabe escrever

Posts Relacionados
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