Two-way WinJS binding

binding_hooks.js

function initializeBinding(target) {
	for (var propertyName in vm) {

		if (typeof vm[propertyName] !== "function" && propertyName.charAt(0) !== '_' && vm.hasOwnProperty(propertyName)) {

	 	       var selector = "input[data-win-bind='value: " + propertyName + "']";

			var element = target.querySelector(selector);

			if (element) {
				element.addEventListener("change", onChange);
			}
		}
	}
}

function onChange(e) {

	var propName = e.target.getAttribute("data-win-bind").split(":")[1].trim();

	if (!vm.hasOwnProperty(propName)) {
		throw new { error: "Property '" + propName + "' was not found in view model" };
	}

	vm[propName] = e.target.value;
}

render_template.js

yourTemplateElement.winControl.render(vm, yourTargetContainer).then(function (e) {
 initializeBinding(yourTargetContainer);
}

view_with_template.html

<div id="yourTemplate" data-win-control="WinJS.Binding.Template">
  <input data-win-bind="value: someProperty" type="text" />
</div>

ViewModel_to_observable.js

var viewModel = WinJS.Class.define(function() {
           // this is the constructor function
           var self = this;
	}, {
		// object literal for methods and attributes on the "class"		
	});

var observableViewModel = WinJS.Class.mix(viewModel, WinJS.Binding.mixin, WinJS.Binding.expandProperties(viewModel));