¿Qué son los componentes?

Los componentes son los bloques básicos de construcción de las páginas web en Angular contienen una parte visual en html (la vista) y una funcional en Typescript (el controlador).

Un componente estará compuesto por tres bloques de código:

1. Imports: Las sentencias de importación de los diferentes elementos que empleará el componente.

2. Decorador @Component con al menos los siguientes metadatos:

• Selector: que define la etiqueta html donde se renderiza el componente.

• Template: el archivo html con la vista del componente.

• Style: con el archivo CSS con los de estilos del componente.

3. Export de la Clase: Definición y exportación de la clase con la lógica del componente.

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {
  title = 'app';
}