Angular: 27205559
http://angularjs.org/
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
<div ng-controller="MyCtrl">
<input type="text" add-model="{{myModel}}" />
<br /><br />
{{testModel}}
</div>
<var></var>
JavaScript
var myApp = angular.module('myApp',[]);
myApp.directive('addModel', function($compile) {
return {
restrict: 'A',
link: function(scope, element, attrs, ctrl) {
var model = attrs.addModel;
element.attr('ng-model', model);
element.removeAttr('add-model'); // avoid infinite loop
$compile(element)(scope);
}
};
});
myApp.controller('MyCtrl', function($scope) {
$scope.myModel = 'testModel';
$scope.testModel = 'text';
});