Olá Carlos, tudo bem com você?
Peço desculpas pela demora em obter um retorno.
Antes de fornecer referências auxiliares, permita-me explicar o objetivo da aula: na aula Enviando dados para o componente, o instrutor teve como objetivo explicar como fazer a comunicação entre componentes. Vale ressaltar que no Angular, dividimos nossa página da Web em vários componentes, que podem ser entendidos como pequenas partes da aplicação. A relação entre esses componentes forma uma estrutura semelhante a uma árvore. Um componente pode ter um pai e vários filhos e em alguns casos até irmãos.
Neste contexto, no projeto do curso, emitimos um evento através do @Output
dentro de um componente filho (nova-transferencia
) para o componente pai (app.component
) e o componente pai por sua vez, transferiu esses dados para o outro componente filho (extrato
). O extrato
por sua vez, capturou estes eventos do pai através do decorator @Input
, como mostro na imagem abaixo:
Alguns conceitos também se fazem importantes na aula:
@Output
é usado para permitir que um componente filho emita eventos que possam ser ouvidos pelo componente pai.@Input
é usado para permitir que um componente pai passe dados para um componente filho.- Property binding: usado para definir uma propriedade dinamicamente usando a sintaxe
[propriedade]="valor"
.
Dito isto, deixo como recomendação artigos auxiliares para você se aprofundar no assunto de comunicação entre componentes e bindings no Angular:
Todavia, gostaria de compartilhar com você que atualizamos este curso de Angular, que possui uma nova forma de ensino e explicações ainda mais detalhadas.Te convido a conhecer essa nova versão do curso e continuar solidificando seus conhecimentos no framework:
Espero ter ajudado. Continue mergulhando em conhecimento e não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.
Em caso de dúvidas estou à disposição.
Abraços e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!