Notes about the course of Fundamentos de Angular in platzi
Intructor: Nicolas Molina
Enero - 2023
En Angular, un componente es una clase TypeScript decorada con el decorador **@Component
**que encapsula la lógica de negocio y la vista de una parte específica de la interfaz de usuario de la aplicación.
<aside> <img src="https://static.platzi.com/media/achievements/badge-angular-componentes-servicios-75f68ec3-48e0-430e-b7e2-889fad0d1984.png" alt="https://static.platzi.com/media/achievements/badge-angular-componentes-servicios-75f68ec3-48e0-430e-b7e2-889fad0d1984.png" width="40px" /> Los componentes se utilizan para crear una interfaz de usuario modular, reutilizable y fácil de mantener.
</aside>
Para generar un nuevo componente en Angular, puedes utilizar el Angular CLI. Abre una terminal y ejecuta el siguiente comando:
ng generate component <name-component>
ng g c <name-component>
Donde **
<**name-component**>**
es el nombre del componente que deseas crear.
Tambien podemos especificar la carpeta en donde queremos que se cree nuestro componente dentro de la carpeta app
ng generate component <name-folder>/<name-component>
ng g c <name-folder>/<name-component>
Si deseas omitir algunos de estos archivos, puedes utilizar las opciones --skip-Tests
, **-is
**y --inlineTemplate
cuando ejecutas el comando ng generate component
.
Por ejemplo, si deseas omitir los archivos de prueba unitaria y de estilo para un nuevo componente llamado mi-componente
, puedes ejecutar el siguiente comando:
ng generate component mi-componente --skip-Tests -is
El Angular CLI generará automáticamente varios archivos para el nuevo componente, incluyendo: