Enlace de datos bidireccional en Angular 2 (two-way)
Ene07

Enlace de datos bidireccional en Angular 2 (two-way)

Hoy aprenderemos a utilizar el Enlace de datos bidireccional en Angular 2, también conocido como Two-way Data Bindind. En Angular 2 tenemos varios tipos de enlace de datos o binding, por ejemplo, el binding por interpolación que simplemente nos permitía mostrar el valor de las propiedades de la clase de nuestro componente en la plantilla, muy simple, solamente le pasamos un dato del componente a la plantilla. El two-way...

Leer más
Como instalar Angular 2.4 y últimas versiones
Ene06

Como instalar Angular 2.4 y últimas versiones

Hoy vamos a ver como instalar Angular 2.4 y las versiones finales con un repositorio de GitHub que ha publicado la gente de de Angular. Primero clonamos el repositorio que incluye lo básico que debe llevar una instalación de Angular 2. git clone https://github.com/angular/quickstart.git instalacion-angular Una vez que lo clonamos, entramos al proyecto y hacemos un npm install para instalar todas las dependencias del framework: cd instalacion-angular npm install...

Leer más
Detectar la ruta actual en Angular 2 (ruta activa)
Ene05

Detectar la ruta actual en Angular 2 (ruta activa)

Hoy vamos a aprender a detectar la ruta actual en Angular 2, es decir, que ruta está activa en el momento actual dentro de una plantilla del proyecto. Es sencillo, veamos un ejemplo: <a [routerLink]="['/prueba']" [routerLinkActive]="['elemento-activado']"> Esto significa que cuando estemos en la ruta /prueba le vamos a poner una clase elemento-activado al enlace. También podríamos utilizar routerLinkActive de manera aislada en cualquier elemento y pondremos una clase de...

Leer más
Como usar jQuery en Angular 2
Dic26

Como usar jQuery en Angular 2

Hoy aprenderemos a usar jQuery en Angular 2, en el ejemplo que voy a hacer veremos como usar jQuery dentro de un componente de Angular2. jQuery es una librería de JavaScript que nos permite trabajar con el DOM de forma muy sencilla y Angular 2 es un framework desarrollado por Google que sirve para desarrollar aplicaciones web SPA, osea que el propósito de estos frameworks es completamente diferente. Cuando...

Leer más
Ruta 404 en Angular 2
Dic21

Ruta 404 en Angular 2

Hoy vamos a ver como hacer una ruta 404 en Angular 2 para que cuando un usuario acceda a una url que no exista nos cargue un componente en especifico. Imagina que tenemos un componente llamado NotFoundComponent y en el tenemos una plantilla asociada que muestra un 404 o el mensaje que quieras. Para hacer que ese componente se cargue cuando la ruta no exista debemos añadir la siguiente...

Leer más
Como usar Angular CLI en Angular 2
Dic10

Como usar Angular CLI en Angular 2

Angular CLI es una herramienta que nos hace más fácil el proceso de instalación de Angular 2 y nos agiliza el inicio de un proyecto con este framework de Google. ¿Que nos ofrece Angular CLI al final? Instalación y esqueleto básico de Angular 2 Comandos para la generación de código(componentes, servicios, etc) Herramientas de minificación y builds para las webapps Testing Para instalar Angular CLI lanzamos el comando npm...

Leer más
Curso de NodeJS y Angular 2
Nov17

Curso de NodeJS y Angular 2

¡Accede al curso pinchando aquí! Bienvenido al Curso de NodeJS y Angular 2, vas a aprender paso a paso como desarrollar servicios y APIs REST con NodeJS y MongoDB y como crear aplicaciones web SPA y front-ends con la nueva versión de AngularJS. En definitiva vamos a aprender a hacer desarrollos fullstack con el MEAN Stack 2.0 (MongoDB, Express, Angular 2 y NodeJS). NodeJS es una tecnología que nos...

Leer más
Input y Output en Angular 2
Nov07

Input y Output en Angular 2

Hoy vamos a ver como trabajar con Input y Output en Angular 2 para la interacción entre componentes. Los inputs nos permiten pasar valores desde el componente “padre” que utiliza dentro del el otro componente y así intercambiar datos entre estos dos componentes. Veamos un ejemplo para entenderlo mejor. Tenemos un componente mi-formulario.component.ts que utiliza otro componente pueblo.component.ts. Desde el componente MiFormularioComponent vamos a pasarle las propiedades ciudad y...

Leer más
Página 1 de 512345