En esta lección vamos a ver que es un Componente en Angular.

Sumario

Componentes en Angular

Los componentes son los bloques principales de las aplicaciones Angular. Cada componente representa una parte de una página web más amplia. Organizar una aplicación en componentes ayuda a dar estructura al proyecto, separando claramente el código en partes específicas que son fáciles de mantener y crecer con el tiempo.

En esta página

• Definiendo un componente
• Separando HTML y CSS en archivos independientes
• Usando componentes
• Siguiente paso

Definiendo un componente

Cada componente tiene varias partes principales:

• Un decorador @Component que contiene la configuración usada por Angular.
• Una plantilla HTML que controla qué se renderiza en el DOM.
• Un selector CSS que define cómo se usa el componente en el HTML.
• Una clase TypeScript con comportamientos, como manejar la entrada del usuario o hacer peticiones al servidor.