Crear un nuevo componente en Angular

angular logo
Hay dos formas de crear un componente:

1. De forma Manual

Se crea manualmente cada uno de los siguientes componentes:

- Selector: la forma de identificar al componente

- TemplateUrl: Se define la ruta del documento HTML

- styleUrl: Se define la ruta del documento CSS 

Ejemplo:

sintaxis básica para la creación de un componente

Luego se añade este componente al módulo, para que de esta manera pueda ser usada.

módulo de  Angular TypeScript

Ahora ya podremos añadir este componente a cualquier parte del documento HTML raíz, solamente llamándolo con el selector.

HTML5 ejemplo


2. De forma automática

Se abre una nueva terminal en el directorio de la carpeta, y se escribe el comando “ng generate component NameC” y ejecutamos.

terminal de Visual Studio

Después de finalizar el comando, ya tendíamos el componente completamente creado.

Directorio de carpetas


Publicar un comentario

0 Comentarios