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
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.

.
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
.
.
.
.
.
.

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

.

.

.

.

.

.
.
.
.
.
.
.

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

.

.

.

.

.

.
.
.
.
.
.
.

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

.

.

.

.

.

.
.
.
.
.
.
.

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

.

.

.

.

.

.
.
.
.
.
.
.

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

.
.
.
.
.
.
.

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

.
.
.
.
.
.
.

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

.
.
.
.
.
.
.

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

.
.
.
.
.
.
.

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

.

.

.

.

.

.
.
.
.
.
.
.

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

.

.

.

.

.

.
.
.
.
.
.
.

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

Introducción .

.

.

Segunda Edición .

.

.

.

.

.

.

.

.

Entorno de desarrollo .
Seleccionando el editor

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.
.

.
.

.
.

.
.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.
.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.
.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.
.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.
.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.
.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.
.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.
.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.
.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.
.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.
.

.

.

.

.
.
.
.
.
.
.
.

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

.

.

.
.

.

.

.

.
.
.
.
.
.
.
.

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

x

1
1

.

.

ÍNDICE GENERAL

Preparando el servidor .
.
Gestionando dependencias

.

.
.

.
.

.
.

.

.

.

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 .
.
.

.
.
.

.
.
.

.
.

.
.

.
.

.
.

.
.

.
.

.
.

.
.

.
.

.

.

.

.

.

.

.

.

.
.
.

.
.
.

.
.
.

.
.
.

Capítulo 4: Servicios .
.
.
.
.
.
.
.

.
Factory .
.
.
Service .
.
.
Provider
.
Constant y Value .
.
.
Decorators .
.
.
.
$provide .
.
Promesas .
.
.
.
Varias promesas a la vez .

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.

.
.
.

.

.

.

.

.

.

.

.

.

.

.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.

.

.

.

.

.

.
.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.

.

.

.

.

.

.
.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.

.

.

.

.

.

.
.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.

.

.

.

.

.

.
.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.

.

.

.

.

.

.
.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.

.

.

.

.

.

.
.

.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.

.

.
.
.
.
.

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

.

.
.

.

.
.
.
.
.
.

.

.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.

.
.
.
.
.
.

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

2
4

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

. 35
36
.
40
.
.
42
44
.
45
.
45
.
.
46
50
.

ÍNDICE GENERAL

.

.
.

.
.

.
.

.
.

.
.

.
.

El constructor de las promesas
.
Desplazamiento con $anchorScroll
.
.
Cache .
.
.
.
Log .
.
.
.
Manejando Excepciones .
.
Retrasando funcionalidades .
.
Creando repeticiones con intervalos
.
Anotaciones en el DOM .

.
.
.
.

.
.
.
.

.
.
.

.
.

.
.

.
.

.

.

.

.

.
.
.
.
.
.

.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

Capítulo 5: Peticiones al servidor .

.
Objeto de configuración del servicio $http .
.
Métodos de acceso rápido .
Provider del servicio $http .
.

.
.

.
.

.
.

.
.

.
.

.
.

.
.

.
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
.
.
.
.
.
.
.

.
.
.

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

.

.
.
.
.
.
.
.
.

.
.
.

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

.

.

.

.

.
.
.
.
.
.
.
.

.
.
.

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

.

.

.

.

.
.
.
.
.
.
.
.

.
.
.

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

.

.

.

.

.
.
.
.
.
.
.
.

.
.
.

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

.

.

.

.

.
.