El componente principal de angular

En angular se desarrolla en base a componentes, todo tiene que comenzar por un componente. Nuestra aplicación componetizada se construirá en base a un árbol de componente de n niveles, desde un componente principal a sus hijos, nietos, etc.
Hay un componente que es el componente principal, este es el componente donde va a desarrollarse la aplicación, todos los demás componentes estarán dentro de este, unos dentro de otros en un árbol. Todo lo que ocurra en la aplicación estará dentro de este componente.

En el archivo index.html que es el archivo raiz de nuestra aplicacion, si lo abrimos veremos que casi no tiene contenido en su body, mas que el nombre de una etiqueta, esta es la etiqueta del componente principal.
Se vera asi:

<app-root></app-root>

En nombre de esta etiqueta lo definimos en el archivo ts de este componente, en la parte del decorador en la parte de darle un valor a donde dice selector.

Los archivos que forman este componente principal los encontramos en la carpeta src/ app , se crean automaticamente estos archivos al generar un proyecto angular con angular cli,
estos archivos son:

1. app.cpmponent.ts ,

2. app.component.html

3. app.cpmponent.css

Dentro del archivo de vista de este componente que es el archivo app.component.html colocaremos las etiquetas de los componentes hijos de el componente principal.

En el module.ts que es el modulo principal de nuestra aplicación vamos a definir cual es el componente principal, eso lo hacemos en la parte donde dice bootstrap (en esta seccion bootstrap debemos colocar el nombre de la clase del componente principal). Todo esto lo hace automáticamente angular cuando generamos un proyecto con angular cli, pero si quisieramos cambiar cual es el componente principal tendríamos que hacerlo en esta parte.