Como se usan los componentes creados por nosotros, una tarea que parece sencilla , requiere varios pasos:
1- Poner el html del componente:
En el lugar de la aplicacion donde vayamos a usar el componente, tenemos que escribir el html necesario para que se muestre. El html no es mas que la etiqueta del componente, que se ha definido en la funcion decoradora, en el atributo “selector”.
Este lo podemos poner en el index, o en el html del componente principal. El html de este componente principal lo encontramos en el archivo “app.component.html”. En ese archivo, la vista del componente principal, debemos colocar la etiqueta para permitir mostrar el componente recien creado.
2- Importar el condigo del componente
En el componente desde donde pretendas usar ese otro componente necesitas importar su codigo. Como veras en el archivo .ts de un componente, siempre comienza con un import de librerias que nos aporta angular, siempre despeus de estas librerias , colocaremos el import de el componente que vayamos a insertar
3- Declarar en el archivo module.ts que este componente existe