Em uma aplicação componentizada, é normal precisarmos mandar dados entre componentes "Pai" e "Filho" mantendo assim uma relação transparente para o usuário. No Angular fazemos isso através de @Input e @Output.
O @Input é usado para receber dados de um componente "Pai", ele é declarado no TypeScript do componente "Filho" e cria uma espécie de propriedade HTML que pode ser usada no seletor do objeto filho quando este é usado no HTML do "Pai", e então os dados são passados.
O @Output por sua vez, manda dados do objeto "Filho" para o "Pai", porém isto precisa ser feito via emissão de evento. O componente "Pai" precisa ficar ouvindo o componente "Filho" e setá-lo (verbo de TI - set 😅) em uma propriedade sua para usar.
Montei todo esse esquema na imagem abaixo:
obs: abra a imagem em nova guia para dar um bom zoom 😜
Nenhum comentário:
Postar um comentário