1
resposta

Melhorar a nomenclatura dos métodos e atributos dos exemplos para facilitar o entendimento do binding

Olá

Tive dificuldade de entender o conceito de binding desta aula.

Consegui entender melhor após ler a resposta do tópico do fórum desta aula: "Aula super complicada, entendimento dificultado"

A sugestão enviada por outro aluno no tópico "Aula nada clara" também facilitou o meu entendimento.

Poderiam disponibilizar alguma matéria/link que pudesse ajudar/complementar as explicações desta aula.

1 resposta

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:

Imagem do fluxo de eventos em angular, o componente filho1 direciona para o pai e o pai envia para o filho2

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!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software