jueves, 19 de febrero de 2015

AngularJS - Introducción: Comparativa

¿Qué es y qué aporta AngularJS? Esta duda se resuelve en la primera entrada del blog acerca de AngularJS. Sin embargo, gracias a una comparativa se puede ver de forma mucha más clara su potencia a la hora de enlazar los datos. Por ello a continuación se muestra una comparativa de enlace de datos en Javascript puro, JQuery y AngularJS.

Javascript puro


JQuery


AngularJS



Como se puede apreciar en los diferentes ejemplos, el código de AngularJS es mucho más desacoplado del HTML que en los dos primeros ejemplos. Mientras que en los primeros necesitamos tener información de los elementos del HTML (como el ID del elemento), en AngularJS no. En AngularJS desde el HTML se está utilizando una variable del modelo de datos denominada "nombre" que es modificada por el elemento "input" y que se muestra en la capa de saludo. Por lo tanto, cuando desde el código de AngularJS deseemos modificar valores, sólamente necesitaremos conocer el modelo de datos y no necesitaremos conocer datos adicionales de la vista, puesto que es el framework el que se encarga de enlazar la vista y los datos.

Aprendiendo AngularJS

No hay comentarios:

Publicar un comentario