Introdução à Abordagem de Componentes no Angular

Suponha que temos um site. Neste site, podemos identificar alguns blocos: cabeçalho, conteúdo, barra lateral, rodapé e assim por diante. Cada bloco pode ser dividido em sub-blocos menores. Por exemplo, no cabeçalho geralmente é possível identificar o logotipo, menu, bloco de contatos e assim por diante.

No Angular, cada bloco desse é chamado de componente. Cada componente pode conter dentro de si componentes menores, que por sua vez contêm outros ainda menores e assim sucessivamente.

Cada componente no Angular corresponde a uma pasta com arquivos, localizada na pasta src.

Um dos componentes deve ser o principal - aquele ao qual os demais componentes são adicionados. No Angular, por padrão, esse componente é o componente App. A este componente, outros componentes serão conectados. Como isso é feito - veremos mais adiante no tutorial.