angular directive that sync's a model to a scope var using a custom control

demo.html

<pre>{{myObj | json}}</pre>
<pre>{{myProperty | json}}</pre>

<input ng-model="myObj.myVal" type="text"  ></test>
<input ng-model="myObjVal" type="text"  ></test>

<div   bind-property="myObjVal" ng-model="myObj.myVal"></div>

directives.js

'use strict';
/* Directives */
angular.module('app.directives', [])
.directive('bindProperty', [function () {
	return {
		restrict: 'A',
		require: '^ngModel',
		link: function (scope, iElement, iAttrs, ngModel) {
			var pName = iAttrs.bindProperty
			  , oName = iAttrs.ngModel;
      ngModel.$render = function() {
				scope[pName] = ngModel.$viewValue;
      };
    	scope.$watch(pName, function(n, o){
    		ngModel.$setViewValue(scope.$eval(pName));
    	});

		}
	};
}]);