Creación de componente en Angular 5

Lo 1 es ir a la carpeta app –> botón derecho y crwar una carpeta nueva donde ira nuestro componente.

 

Lo 2 seria crear un archivo .ts y importar el componente, selector es la etiqueta en la que se va a motrar  también creamos la template con comillas invertidas. Aqui mostraremos todo lo que queramos.

 

Nos creamos nos creamos una clase con sus variables ( propiedades ) que van a estar en la vista de nuestra App. Importamos la clase con export .

Vamos a app.modules.ts  para poder importar nuestro componente .

import { VideojuegosComponent} from ‘./videojuegos/videojuegos.components’;

 

module –> Nos permite una serie de configuraciones.

 

¿ Como mostramos las variables en la vista ?

Aqui en app.component.html –> Cargamos nuestra etiqueta anteriormente creada.

 

Si quisieramos mostrar mas datos iriamos a la clase

VideojuegosComponent que esta en

VideojuegosComponent.ts el componente creado y añadiríamos mas propiedades.
Aquí os dejo un enlace a un video en el cual lo explica visualmente.

 

 

Anuncios