PDF de programación - AngularJs Paso a Paso

AngularJs Paso a Paso
La primera guía completa en español para adentrarse paso a paso en
el mundo de AngularJS

Maikel José Rivero Dorta

Este libro está a la venta en http://leanpub.com/angularjs-paso-a-paso

Esta versión se publicó en 2016-02-02

This is a Leanpub book. Leanpub empowers authors and publishers with the Lean
Publishing process. Lean Publishing is the act of publishing an in-progress ebook using
lightweight tools and many iterations to get reader feedback, pivot until you have the
right book and build traction once you do.

© 2014 - 2016 Maikel José Rivero Dorta

¡Twitea sobre el libro!
Por favor ayuda a Maikel José Rivero Dorta hablando sobre el libro en Twitter!
El tweet sugerido para este libro es:
”AngularJS Paso a Paso” un libro de @mriverodorta para empezar desde cero. Adquiere
tu copia en http://bit.ly/AngularJSPasoAPaso
El hashtag sugerido para este libro es #AngularJS.
Descubre lo que otra gente está diciendo sobre el libro haciendo click en este enlace
para buscar el hashtag en Twitter:
https://twitter.com/search?q=#AngularJS

Dedicado a

En primer lugar este libro esta dedicado a todos los que de alguna forma u otra me han apoyado

en llevar a cabo la realización de este libro donde plasmo mis mejores deseos de compartir mi

conocimiento.

En segundo lugar a toda la comunidad de desarrolladores de habla hispana que en múltiples
ocasiones no encuentra documentación en su idioma, ya sea como referencia o para aprender

nuevas tecnologías.

v

Índice general

Dedicado a .

.

.

.

Agradecimientos .

Traducciones .

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Prólogo .

.

.

.

.

.

.

.

.

.

.

.

.

.

.
.
Para quien es este libro .
Que necesitas para este libro .
.
Entiéndase .
.
.
Feedback .
Errata .
.
.
.
.
.
Preguntas .
Recursos
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.

Alcance .

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
Capítulo 1: Primeros pasos
.
.
.
Capítulo 2: Estructura .
.
.
Capítulo 3: Módulos .
.
.
.
Capítulo 4: Servicios .
.
.
.
.
Capítulo 5: Peticiones al servidor .
.
.
Capítulo 6: Directivas .
.
Capítulo 7: Filtros
.
.
.
.
.
Capítulo 8: Rutas .
.
.
.
Capítulo 9: Eventos
.
Capítulo 10: Recursos
.
.
Capítulo 11: Formularios y Validación .
Extra: Servidor API RESTful
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.

.
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.

.

.

.

.

.

.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.

.

.

.

.

.

.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.

.

.

.

.

.

.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.

.

.

.

.

.

.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.

.

.

.

.

.

.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.

.

.

.

.

.

.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.

.

.

.

.

.

.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.

.

.

.

.

.

.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.

.

.

.

.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.

.

.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.

.

.
.
.
.

.

.

.

.
.
.
.
.
.
.
.

v

i

ii

iii
iii
iii
iii
iv
iv
iv
iv

. vi
vi
.
vi
.
.
vi
.
vi
. vii
. vii
. vii
. vii
. vii
. vii
. viii
. viii

.

.
.
.
.

ix

1
1
2
4

Introducción .

.

.

.

.

.

.

.

Entorno de desarrollo .
Seleccionando el editor
.
Preparando el servidor .
.
Gestionando dependencias

.

.
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
.
.

.
.
.

.
.
.

.
.
.

.
.
.

.
.
.

.
.
.

ÍNDICE GENERAL

.

.

.

AngularJS y sus características .
.
.
.
.
.

.
.
Plantillas .
.
.
.
Estructura MVC .
.
Vinculación de datos .
Directivas
.
.
Inyección de dependencia .

.
.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.

.
.

.

.

.

.

.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.

.

.

.

.

.

.

.

.

.

.

.

Capítulo 1: Primeros pasos .
Vías para obtener AngularJS .
.
Incluyendo AngularJS en la aplicación .
.
.
.
Atributos HTML5 .
.
.
.
.
La aplicación .
.
.
.
.
.
Tomando el Control
.
.
.
Bindings
.
.
.
.
.
.
Bind Once Bindings .
.
.
Observadores .
.
.
.
Observadores para grupos .
.
.
Controladores como objetos .
Controladores Globales .
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.

.

.

.

.

.

.

.

.

Capítulo 2: Estructura .
Estructura de ficheros. .
.
Estructura de la aplicación .

.

.

.

.

.

.

.

.

.

.

.

.
.

.
.

.
.

.
.

.
.

.
.

.

.

.

.

.

.

.

.

.

.

.

.

Capítulo 3: Módulos .
.

.
.

.
.

.

.

.
.

.
.

.
.

.
.

.
.
Creando módulos
.
.
Minificación y Compresión .
.
.
Inyectar dependencias mediante $inject
Inyección de dependencia en modo estricto .
.
Configurando la aplicación .
Método run .
.
.

.
.
.

.
.
.

.
.

.
.

.
.

.
.

.
.

.
.

.
.

.
.

.
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.

.

.

.

.

.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.

.

.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.

.

.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.

.

.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.

.

.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.

.

.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.

.

.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.

.
.

.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

6
6
6
7
7
7

9
9
9
10
10
13
17
18
19
20
22
23

. 25
25
.
.
28

. 30
30
.
31
.
.
32
33
.
33
.
.
34

Agradecimientos

Quisiera agradecer a varias personas que me han ayudado en lograr este proyecto.
Primero que todo a Jasel Morera por haber revisado el libro y corregido mucho de los
errores de redacción ya que no soy escritor y en ocasiones no sé cómo expresarme y
llegar a las personas de una manera correcta. También agradecer a Anxo Carracedo por
la foto de los pasos que aparece en la portada. A Wilber Zada Rosendi @wil63r¹ por el
diseño de la portada. También a todos los demás que de una forma u otra me han ayudado
a hacer realidad esta idea de escribir para la comunidad.

¹http://twitter.com/wil63r

i

Traducciones

Si te gustaría traducir este libro a otro lenguaje, por favor escríbeme a @mriverodorta
con tus intenciones. Ofreceré el 35% de las ganancias por cada libro vendido en tu
traducción, la cual será vendida al mismo precio que el original. Además de una página
en el libro para la presentación del traductor.
Nótese que el libro ha sido escrito en formato markdown con las especificaciones de
Leanpub, las traducciones deberán seguir los mismos pasos.

ii

Prólogo

AngularJs paso a paso cubre el desarrollo de aplicaciones con el framework AngularJs.
En este libro se tratarán temas esenciales para el desarrollo de aplicaciones web del
lado del cliente. Además, trabajaremos con peticiones al servidor, consumiendo servicios
REST y haciendo que nuestro sistema funcione en tiempo real sin tener que recargar la
página de nuestro navegador.

Para quien es este libro

Está escrito para desarrolladores de aplicaciones que posean un modesto conocimiento
de Javascript, así como de HTML5 y que necesiten automatizar las tareas básicas en el
desarrollo de una aplicación web, específicamente en sistemas de una sola página, manejo
de rutas, modelos, peticiones a servidores mediante Ajax, manejo de datos en tiempo real
y otros.

Que necesitas para este libro

Para un correcto aprendizaje de este libro es necesario una serie de complementos que te
permitirán ejecutar los ejemplos y construir tu propia aplicación. Si estaremos hablando
sobre el framework AngularJS es esencial que lo tengas a tu alcance, lo mismo usando
el CDN de Google o mediante una copia en tu disco du