Introducción al Data Binding
¿Qué es el Data Binding?
El Data Binding o enlace de datos en español es un mecanismo que enlaza los elementos de la interfaz con la parte en la que se arma la información a mostrar. En pocas palabras, es el enlace entre el front y el back de nuestra web.
Data Binding en AngularJS
El Data Binding en AngularJS es la sincronización atuomática de datos entre el modelo y la vista. La vista siempre muestra los datos que contiene el modelo. Quiere decir que cuando el modelo cambia, la vista se actualiza. Pero también la vista puede cambiar y AngularJS hará que el modelo también sea actualizado.
Por ello AngularJS cambia el termino MVC a MVW que significa Model View Whatever o en español Modelo Vista Lo Que Sea. Ya que esa sincronización entre el modelo y la vista se da en ambas formas del modelo a la vista (como es lo normal) o de la vista al modelo.
Esta imagen es lo que sucede en la mayoría de sistemas de plantillas. Aqui el modelo entrega datos y la plantilla entrega su estructura, estos se fucionan y logran conseguir lo que nosotros vemos en nuestros navegadores.
Esto es lo que hace AngularJS. Hace que el modelo y la vista sincronicen sus datos en dos vías. De uno al otro o viceversa. Y la plantilla (que es el HTML sin compilar junto con cualquier opción adicional o alguna directiva) se compila en el navegador para conseguir la vista.
Espero les haya gustado la forma en la que trabaja AngularJS.
Curso de presencial de desarrollo en AngularJS