KnowledgeCity

Comunicação entre componentes do Angular

Este capítulo demonstrará diferentes formas de enviares informações entre componentes, a depender da relação entre si. Aprenderás a passar informações de pai para filho, de criança para pai, ou de ambos os lados entre dois componentes.
Assista à primeira aula grátis — tenha acesso completo às 7 aulas.

To view this video please enable JavaScript.

Curso: Sob demanda
Intermediário  Provedor Michaela Ochnich  7 Lições ·  36m  em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Chinês simplificado 

Descrição do Curso

Este capítulo demonstrar diferentes maneiras de enviares informações entre componentes, a depender do relacionamento entre eles. Aprenderás como passar informações de pai para filho, filho para pai ou de ambas as maneiras entre dois componentes. Também aprenderás a interceptar algumas destas alterações de dados e alterá-las, se necessário, antes de usá-las no componente.

O Que Você Vai Aprender

  • Enviar dados de um componente pai para um componente filho usando Input, Setters e Getters e OnChanges
  • Enviar dados de um componente filho para um componente pai usando Output e EventEmitter
  • Acessar um componente filho através do modelo ou classe do pai usando ViewChild e Variáveis de Referência
  • Comunicar bidirecionalmente entre dois componentes
  • Interceptar mudanças de dados e alterá-las antes de serem usadas no componente
  • Compartilhar dados entre componentes usando um Serviço Compartilhado

Principais Conclusões

  • A forma como você comunica entre componentes Angular depende da relação deles entre si.
  • Informações podem ser passadas de pai para filho, de filho para pai, ou nos dois sentidos entre dois componentes.
  • Algumas mudanças de dados podem ser interceptadas e alteradas antes de serem usadas no componente.
  • Um pai pode acessar um componente filho através do modelo ou classe do pai.
  • Um serviço compartilhado é uma abordagem para comunicar entre componentes.

Perguntas Frequentes

O que este curso abrange?

Este capítulo demonstra diferentes formas de enviar informações entre componentes Angular dependendo de sua relação, incluindo passar dados de pai para filho, de filho para pai ou bidirecionalmente entre dois componentes e interceptar mudanças de dados para alterá-las antes do uso.

O que vou aprender a fazer neste curso?

Você aprenderá como enviar dados de um componente filho para um componente pai, enviar dados de um componente pai para um componente filho, acessar um componente filho através do modelo ou classe do pai e comunicar bidirecionalmente entre dois componentes.

Quais tópicos ou técnicas são ensinados nas lições?

As lições cobrem Input, Setters e Getters, OnChanges, Output e EventEmitter, ViewChild, Serviço Compartilhado e Variáveis de Referência.

Quais habilidades este curso ajuda a construir?

Constrói habilidades em Angular Components, Communication Diagrams, Component Diagram, Component Libraries, Connected Components e HTML Components.

Posso aprender a modificar dados antes de um componente usá-los?

Sim. O curso ensina como interceptar algumas dessas mudanças de dados e alterá-las se necessário antes do uso no componente.