Data-binding

This post is part of a series of posts on Client-Side Web Application Development using JavaScript.

The marriage of Html and your (view )model data does not end with template engines alone, because it is just one side of the story. A traditional template engine is usually about getting your data on to the browser as Html, what about the other way round. When the user inputs a value in the browser can the template engine update your model back. This called bi-directional data-binding. Some people use the term data-linking.

Many of the DOM based template engines support this bi-directional data-binding out of the box. Some of the string based template engines also support this (Ember for example implements this feature on top of handlebars).

This feature is particularly useful if your application is input intensive. Read more about Input intensive applications here.