AngulaJS Por: Luis Salvador. Editar archivo index.html 1.- Editar archivo index.html.

Presentación del tema: "AngulaJS Por: Luis Salvador. Editar archivo index.html 1.- Editar archivo index.html."— Transcripción de la presentación:

1 AngulaJS Por: Luis Salvador

2 Editar archivo index.html 1.- Editar archivo index.html

3 Usar biblioteca estable angular V. 1.5.5 2.- Incluir biblioteca: js/angular.min.js 2.- Incluir la sentencia {{“bienvenido ”+ 1 | uppercase}} 1.- Incluir atributo: ng-app

4 Uso de la directiva ng-model 1.- Incluir una caja de texto con la directiva ng-model 2.- Incluir variable {{name}}

5 Ejecutar el código

6 Directiva ng-init y directiva ng-repeat 1.- Definir arreglo con la directiva ng-init 2.- Definir lista con la directiva ng-repeat

7 Ejecutar código

8 Definir un arreglo de objetos 1.- Definir arreglo de objetos con la directiva ng-init 2.- Definir lista con la directiva ng-repeat 3.- Aplicar filtros 4.- Ordenar por ciudad

9 Ejecutar código

10 Filtros con ng-repeat 1.- Definir caja de texto “ciudad” 2.- Aplicar filtro : ciudad (filtra todos los atributos)

11 Ejecutar código

12 Si tiene phonegap construir app

13 Probar app

14 Asignar nombre a la aplicación 1.- Definir un nombre para la aplicación usando la directiva ng-app

15 Definir un módulo 1.- Definir módulo usando var miApp=angular.module(‘mpaa’,[]);