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 (VIII) atualiza o valor de um componente filho ao acionar um evento ao definir ...
Vista: 9484|Resposta: 1

[Angular] A série angular 9 (VIII) atualiza o valor de um componente filho ao acionar um evento via conjunto

[Copiar link]
Publicado em 17/06/2020 17:46:48 | | | |
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

No processo de passar valores para os componentes pais, você pode usar o EventEmitter para enviar valores ao componente pai, e o componente pai pode manipular os valores obtidos no método.

Para os valores vinculados aos componentes filhos pelo componente pai, eles são recebidos como variáveis quando são transmitidos, e o método conjunto de @Input() deve ser usado para manipular e processar os valores recebidos.

Primeiro, clicamos no botão "Atualizar o Conteúdo do Componente Filho" do componente pai para atualizar o conteúdo exibido pelo componente filho e imprimimos o conteúdo de cada atualização, o efeito é o seguinte:



Código child-page.component.html Subcomponente:


Código child-page.component.ts Subcomponente:


Código index.component.html do Componente Pai:


Código index.component.ts Componente Pai:

(Fim)





Anterior:Mais de um módulo corresponde. Use a opção de pular importação para pular a importação...
Próximo:Implementação do Vue+ElementUI

Posts Relacionados
 Senhorio| Publicado em 29/05/2024 16:13:47 |
A série angular 17 (XVII) detecta mudanças nos valores de @Input
https://www.itsvse.com/thread-10775-1-1.html
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