Angularjs-lab

Ejemplo de AngularJs paso a paso.

¿Cómo empezar?

Instalar dependencias:

Si tenés Bower instalado: Correr bower install en el directorio raíz del proyecto. Listo!

Para correr el servidor estático (es necesario para los ejemplos con llamadas AJAX)

npm install http-server -g

luego ir al directrio raíz y ejecutar

http-server

(por defecto corre en el puerto 8080, se puede cambiar agregando la opción -p 3030 por ejemplo)

Documentación sobre NodeJs Http server

El http-server va a listar los archivos, hacer click en la carpeta "examples" y luego sobre index.html y listo.

Ejemplos

1. Ejemplo 1 - Angular Expression, primera aplicación con una expresión simple.
2. Ejemplo 2 - Modelo simple.
3. Ejemplo 3 - Modelo simple, sobre varios elementos.
4. Ejemplo 4 - Expresión utilizando dos modelos.
5. Ejemplo 5 - Inicialización de datos simple.
6. Ejemplo 6 - Controller simple.
7. Ejemplo 7 - Módulo y Controller simple con datos inicializados.
8. Ejemplo 8 - Lista simple.
9. Ejemplo 9 - Lista con modelo en el controller.
10. Ejemplo 10 - Lista con objetos y controller.
11. Ejemplo 11 - Permite agregar a la lista.
12. Ejemplo 12 - Permite agregar a la lista y borra el input box.
13. Ejemplo 13 - Permite quitar de la lista.
14. Ejemplo 14 -Lista con filtro para números.
15. Ejemplo 15 - Lista de paises usando un archivo externo.
16. Ejemplo 17 - Lista de paises con filtro.
17. Ejemplo 18 - Lista y filtro con regionalización.
18. Ejemplo 18 - Lista en una tabla.
19. Ejemplo 19 - Lista en una tabla con posiblidad de remover.
20. Ejemplo 20 - Lista en una tabla con ordenamiento.
21. Ejemplo 21 - Lista en una tabla con ordenamiento con un filtro.
22. Ejemplo 22 - Lista en una tabla con ordenamiento y reversa.
23. Ejemplo 23 - Lista con filtro.
24. Ejemplo 24 - Lista con filtro especificando una propiedad.
25. Ejemplo 25 - Creación de un filtro.
26. Ejemplo 26 - Herencia de controllers, tomado angular developer guide
27. Ejemplo 27 - Ejemplo de servicio simple.
28. Ejemplo 28 - Servicio utilizando $window.
29. Ejemplo 29 - Usando setInterval.
30. Ejemplo 30 - Ejemplo de $watch para forzar cambios.
31. Ejemplo 31 - Usando $interval.
32. Ejemplo 32 - Usando $interpolate.
33. Ejemplo 33 - Usando $http.
34. Ejemplo 34 - Usando un servicio para llamadas remota.
35. Ejemplo 35 - Ejemplo de jsonp.
36. Ejemplo 36 - Ruta simple.
37. Ejemplo 37 - Ruta con template separado.
38. Ejemplo 38 - Ruta con fallback.
39. Ejemplo 39 - Redirect en caso de 404.
40. Ejemplo 40 - Ruta con parámetros.
41. Ejemplo 41 - Creación de directiva template.
42. Ejemplo 42 - Creación de directiva con template separado.
43. Ejemplo 43 - Creación de directiva con template función.
44. Ejemplo 44 - Creación de directiva con template y restricción.
45. Ejemplo 45 - Creación de directiva con $scope aislado.
46. Ejemplo 46 - Directiva que modifica el DOM.
47. Ejemplo 47 - Expresión simple vs Javascript literal.
48. Ejemplo 48 - Expresión one time.
49. Ejemplo 49 - Ejemplo de problemas con minificación.
50. Ejemplo 50 - Cómo utilizar correctamente la minificación.