Estrutura de um Componente Angular

Na pasta src/app ficará localizado o componente principal, criado automaticamente ao criar o projeto. Ele terá a seguinte estrutura de arquivos:

• /src/app/app.component.htmlapp.component.cssapp.component.ts

No arquivo app.component.html ficará a marcação HTML do nosso componente.

No arquivo app.component.css ficarão os estilos do nosso componente. Vale lembrar que a extensão do arquivo depende das configurações feitas ao criar o projeto.

No arquivo app.component.ts ficará o código TypeScript que você escreverá para a funcionalidade do nosso componente.

Examinaremos o trabalho com esses arquivos com mais detalhes nas próximas lições.