Crear una clase para los datos en Angular 2
Estamos definiendo nuestros datos directamente dentro de nuestro componente. Eso está bien para una demostración, pero ciertamente no es una buena práctica. Veamos como crear una clase para los datos en Angular 2. Esto es como un modelo de datos o entidad dentro de Angular. Nuestro componente app.component.ts, en el array creamos objetos Pelicula: import {Component} from 'angular2/core'; import {Pelicula} from './model/pelicula'; @Component({ selector: 'my-app', templateUrl: 'app/views/peliculas.html', }) export...
Cambios entre AngularJS y Angular 2
Angular 2 es la nueva versión de AngularJS. Esta nueva versión es completamente diferente a Angular 1. Veamos los cambios entre AngularJS y Angular2. Controladores y Componentes En Angular 1: <body ng-controller="PeliculasController as peli"> <h3>{{peli.data.titulo}}</h3> <h3 ng-bind="peli.data.titulo"></h3> </body> <script type="text/javascript"> (function (){ angular .module('app') .controller('PeliculasController', PeliculasController); function PeliculasController() { var peli = this; peli.data= { id: 45, titulo: 'Una historia real' }; } })(); </script> En Angular 2 import...
Plantillas en linea o plantillas en fichero en Angular 2
En Angular2 podemos indicarle a nuestro componente que va a tener una plantilla asociada de dos formas. Una forma seria definiendola en linea usando la propiedad template. O podemos definirla en un archivo HTML separado y diciéndole la ruta del mismo usando la propiedad templateUrl del decorador @Component Esta forma de trabajar es recomendable si la plantilla va a ser muy grande. Veamos como utilizar plantillas en fichero en...
Mostrando un array asociativo con NgFor en Angular 2
Vamos a definir una propieda cuyo valor será array en nuestro componente de Angular 2, automaticamente ya tenemos disponible esa propiedad en la plantilla. Para mostrar los datos del array tenemos que recorrer el array con un bucle y en Angular existe la directiva ngFor que nos va a permitir hacer esto. Veamos como mostrar un array asociativo con NgFor en Angular 2 import {Component} from 'angular2/core'; @Component({ selector:...
Mostrar propiedades de un componente en Angular 2
Como sabemos en Angular 2 trabajamos principalmente con componentes, los cuales controlan el trabajo con los eventos, etc, estan formados por una clase con propiedades, métodos y además podemos invocar decoradores para definir el propio componente e indicarle en que etiqueta mostrar el componente y que plantilla o vista va a tener el mismo. Veamos como mostrar las propiedades de un componente en Angular 2. Tenemos el componente principal...
Instalar Angular 2 y hacer un Hola Mundo!!
Angular 2 es la nueva versión de AngularJS, es una tecnología muy interesante, veamos como instalar Angular 2 y hacer un Hola Mundo!! Vamos a preparar el entorno de desarrollo para desarrollar aplicaciones web con Angular 2. 1. Instalar Node.js Lo primero que tenemos que hacer es instalar node.js para utilizar su gestor de paquetes npm. Lo puedes descargar e instalar desde https://nodejs.org/en/download/ 2. Crear un directorio para proyecto...
Entra a mis cursos online
Hosting recomendado ⬇️
