En una aplicacion podemos tener muchisimos componentes, con respecto a como estructurar las carpetas de los componentes dentro de la carpeta app del proyecto lo podemos hacer de dos maneras:
Una seria teniendo una carpeta llamada compnent donde podriamos todos los archivos .ts de los componentes, otra carpeta llamda view donde irian todas las platillas de los componentes, y otra carpeta css para poner todas las hojas de estilos de los componentes.
Otra opción seria tener una carpeta por componente en las cuales tendríamos nuestros archivos de cada componente.
Luego de ver la estructura de carpetas que podríamos usar para organizar los componentes ahora veremos que archivos se necesitan para crear un componente.
Por cada componente tenemos que crear un archivo .ts que tendrá la logica, tendrá una clase donde pondremos todo el javascript del componente, ademas en el decorador de este archivo configuraremos cual sera su archivo de vista y cual sera su archivo css.
Luego crearemos un archivo html para el componente que tendrá la vista y otro css que tendrá los estilos.
Entonces resumiendo cada componente tendrá 3 archivos, uno ts otro html y otro css-
Y también otro aspecto importante es que , todos los componentes para que funcionen de manera global en la aplicación, tienen que ser registrados en el archivo module.ts. Este archivo module.ts es el modulo principal donde van a estar cargándose todos los componentes, todas las directivas, etc.
Para declararlo e nel module. ts primero debemos importarlo en este archivo y luego en declarations declararlo.
Y por ultimo , para implementar el componente, ponemos la etiqueta que representa al selector, en el archivo html del componente principal.
Una manera mas simple de crear es un componente es con angular cli, para hacerlo con angular cli, vamos a la raiz del proyecto y lanzamos el siguiente comando: ng generate component nombre-del-componente
Hey I have one of the most popular article for you just from here learn to add network printer windows 10 operating system in easiest way without facing any issue.