Bryan RS-501

Elementos que se pueden crear

con Angular CLI (Component,
Directive, etc.)
Angular CLI es crear diferentes tipos de elementos e
integrarlos con nuestra aplicación de forma automática.

Sintaxis General: ng generate tipo_elemento nombre_elemento opciones

Importante
Siempre que pueda utilice ng
generate para crear elementos
ya que, además de crearlos con
una plantilla, se insertan las
referencias de forma
automática, lo que facilita
mucho el trabajo.

Ventajas Recomendacion
Una de las ventajas de utilizar ng Es recomendable utilizar nombres
es que la utilidad se encarga de sencillos, ya que los elementos que
incluir las referen- cias a los se crean automáticamente utilizan
nuevos elementos donde sea dicho nombre para añadirles
necesario como, por ejemplo, alguna partícula o extensión según
incluir el im- port y las declarations cada caso.
del elemento en el fichero
app.module.ts si procede.
Opciones
Elementos

Comprobación
En primer lugar, abriremos una ventana de CMD
y nos situaremos en la carpeta Ej100_angular.

Seguidamente, crearemos una nueva aplicación

con el comando ng new y la renombraremos
para añadirle el número de ejercicio:

A continuación, nos ubicaremos en el directorio

recién creado para la nueva aplicación y crearemos
un componente con la siguiente sintaxis:
Si abre el proyecto Si analizamos el
en su editor (p. ej., fichero app.module.ts,
Atom), observará apreciaremos que se
los ficheros que se han añadido de forma
han creado por automática el import
defecto. del componente y su
referencia en el
apartado
declarations.
Podíamos haber utilizado la sintaxis abreviada:

Fíjese que al haber indicado

componentes/compo1, nos ha creado de paso la
carpeta componentes bajo el directorio src/app
para que podamos almacenar todos los
componentes que creemos en la misma carpeta,
de forma que quede más organizado.