How to bind data on a Handlebars.js template for automatic value update?

javascript data-binding template-engine handlebars.js
Alejandro García Iglesias picture Alejandro García Iglesias · Apr 24, 2012 · Viewed 25.1k times · Source

There are many JavaScript MVC frameworks right now that work with Handlebars.js offering data binding between the model/controller and the template. Currently I'm implementing Handlebars.js alone (with jQuery) and needing to bind data between my main code and the template so the latter gets updated automatically. Is there a native way to do it in Handlebars or with a plugin? If there isn't, is there any component of these MVC frameworks that brings this functionality and can be used stand-alone without the full-stack framework?

Answer

bigspotteddog picture bigspotteddog · Feb 9, 2013

Take a look at rivets: https://github.com/mikeric/rivets. I use backbone, handlebars, and backbone.modelbinding for two-way updates. Works great.

Backbone.modelbinding (https://github.com/derickbailey/backbone.modelbinding) has been abandoned, but refers to rivets.

Related questions

AngularJS client side data binding and server side templating

AngularJS uses two-way client side data binding (from AngularJS Developers guide): Has anyone consider using mix of server side templating engine with AngularJS two-way client side data binding. Something like this: I am thinking about using AngularJS just for parts(…

Read More
How does data binding work in AngularJS?

How does data binding work in the AngularJS framework? I haven't found technical details on their site. It's more or less clear how it works when data is propagated from view to model. But how does AngularJS track changes of …

Read More
Ng-model does not update controller value

Probably silly question, but I have my html form with simple input and button: <input type="text" ng-model="searchText" /> <button ng-click="check()">Check!</button> {{ searchText }} Then in the controller (template and controller are called …

Read More