Ejemplos de AngularJS

Intente hacerlo usted mismo

Puede editar el ejemplo en línea y luego hacer clic en el botón para ver los resultados.

Ejemplos de AngularJS

<div ng-app="">
<p>Nombre: <input type="text" ng-model="name"></p>
<p>Usted escribió: {{ name }}</p>
</div>

Intente hacerlo usted mismo

Fundamentos de AngularJS

• Mi primer directiva de AngularJS
• Mi primer directiva de AngularJS (compatible con estándares HTML5)
• Mi primera expresión de AngularJS
• Una expresión simple de AngularJS, usando variables
• Mi primer controlador de AngularJS

Introducción básica a AngularJS

Expresiones de AngularJS

• Una expresión simple
• Expresiones sin ng-app
• Expresiones que contienen un número
• Uso de ng-bind para enlazar un número
• Expresiones que contienen una cadena
• Uso de ng-bind para enlazar una cadena
• Expresiones que contienen un objeto
• Uso de ng-bind para enlazar un objeto
• Expresiones que contienen un arreglo
• Uso de ng-bind para enlazar un arreglo

Introducción a las expresiones

Módulos de AngularJS

• Controladores de AngularJS
• Módulos y controladores en el archivo
• Cuándo cargar AngularJS

Introducción al módulo

Directivas de AngularJS

• Directivas de AngularJS
• Directiva ng-model
• Directiva ng-repeat (para arreglos)
• Directiva ng-repeat (para objetos)
• Crear una nueva directiva
• Usar una nueva directiva como elemento
• Usar una nueva directiva como atributo
• Usar una nueva directiva como clase
• Usar una nueva directiva como comentario
• Directivas con restricciones

Introducción a las directivas

Modelos de AngularJS

• Modelos de AngularJS
• Modelos con enlace bidireccional
• Modelos con validación
• Formularios y su estado de validación actual
• Establecer una clase CSS cuando el campo es inválido

Introducción a los modelos

Controladores de AngularJS

• Controladores de AngularJS
• Propiedades de controlador
• Funciones de controlador
• Controladores en archivos JavaScript I
• Controladores en archivos JavaScript II

Introducción a los controladores

Ámbitos de AngularJS

• Ámbitos de AngularJS
• Los ámbitos son sincronizados
• Diferentes ámbitos
• Ámbito raíz

Introducción a los ámbitos

Filtros de AngularJS

• Filtros de expresiones uppercase
• Filtros de expresiones lowercase
• Filtros de expresiones currency
• Filtros de directivas orderBy
• Filtros de entrada

Introducción a los filtros

XMLHttpRequest de AngularJS

• Lectura de archivos JSON estáticos

Introducción a XMLHttpRequest