Crear Nuevo Componente en Angular

Presentaremos los componentes y cómo crearlos en Angular.

Componentes en Angular

Los componentes son el bloque de construcción de una aplicación Angular. Una aplicación Angular consta de varios componentes o un árbol de componentes Angular, y estos componentes están asociados con plantillas y un subconjunto de directivas.

Podemos crear fácilmente nuevos componentes en Angular usando el siguiente comando en CLI.

# angular CLI
ng generate component OurNewComponent

O podemos usar comandos abreviados en CLI.

# angular CLI
ng g c OurNewComponent

El comando anterior generará un nuevo componente llamado NuestroNuevoComponente, que tendrá cuatro archivos y una carpeta con el nombre del componente.

Los siguientes archivos se generarán al crear un nuevo componente usando el comando anterior.

1. El archivo OurNewComponent.component.ts es un archivo de componente.
2. El archivo OurNewComponent.component.html es un archivo de plantilla para nuestro componente.
3. El archivo OurNewComponent.component.css es un archivo de hoja de estilo para nuestro componente.
4. El archivo OurNewComponent.component.spec.ts es un archivo de especificación de prueba para nuestro componente.