AngulaJS



AngularJS es un framework de JavaScript de código abierto, mantenido por Google, que ayuda con la gestión de lo que se conoce como aplicaciones de una sola página. Su objetivo es aumentar lasaplicaciones basadas en navegador con capacidad de Modelo Vista Controlador (MVC), en un esfuerzo para hacer que el desarrollo y las pruebas sean más fáciles. AngularJS ofrece una alternativa dedesarrollo rápida, escalable y sencilla de aprender, además puede utilizarse en cualquier aplicación web y funciona tanto para equipos de escritorio como móviles.

Permite extender HTML con tagspersonalizados, definir y vincular (data-binding) variables vista/controllador, consultas ajax con peticiones HTTP, sistema óptimo de templating, manipulación de datos en JSON, inyección de dependencias, deeplinking, formularios de validación, desacoplamiento del DOM de Javascript, internacionalización i18n y l10n, filtros, unit testing…

AngularJS es compatible con los navegadores de última generación(Chrome, Firefox, Safari, Opera, Webkits, IE9+)

Directives

Las directives son el plato fuerte de AngularJS. Mediante el uso de las mismas podemos extender la sintaxis de HTML y darle el comportamientoque deseemos. Podemos crear directives a nivel de elemento, de atributo, de clase y de comentario.

Data binding

Con AngularJS podemos sincronizar el modelo y la vista automáticamente utilizandociertas directives del framework. Esta sincronización es bidireccional, es decir, la información se sincroniza tanto si cambia el valor en la vista como si lo hace el valor en el modelo.
Ejemplo con(ng-model) :

HTML


JavaScript


Resultado










Scopes

Los scopes son los distintos contextos de ejecución sobre los que trabajan las expresiones de AngularJS, por ejemplo, cuandoreferenciamos un atributo del modelo mediante la directive ng-model, no estamos sino apuntando a un atributo que contiene el scope sobre el que se está trabajando. En los scopes se guarda la información de los...