Componentes

Un componente controla una parte de la pantalla llamada vista (view).

Se define la lógica del componente de una aplicación —qué hace para soportar la vista—dentro de una clase. La clase interactúa con la vista mediante una interfaz (en la página original dice API, pero en la traducción se prefirió verlo más genérico para su comprensión inicial) de propiedades y métodos.

Por ejemplo, este HeroListComponent (el nombre sería traducido como ComponenteListaDeHeroes) tiene una propiedad heroes que devuelve un arreglo de heroes, la cual adquiere desde un servicio. El componente HeroListComponent también tiene un método llamado selectHero() (seleccionarHeroe) que establece una propiedad selectedHero (heroeSeleccionado ) cuando el usuario clickea para escoger un héroe de esa lista.

Angular crea, actualiza y destruye los componentes mientras el usuario se mueve a través de la aplicación. Su aplicación puede tomar acción a cada momento en este ciclo de vida a través de ciclos de vida opcionales lifecycle hooks como el ngOnInit() declarado arriba.