Angular update model from directive

by Rahul Bapat

HTML

<script src="http://code.angularjs.org/1.1.0/angular.min.js"></script>
<div ng-app="App">
  <div ng-controller="Ctrl">
    <form name="myForm"  ng-model=fields>
      <input type="text" name="field1" ng-model="fields.field1" http-prefix>
    </form>
  </div>
</div>

JavaScript

var app = angular.module('App', []);

function Ctrl($scope) {
  $scope.init = function() {
    $scope.field1 = "dummy";
  }
}

app.directive('httpPrefix', function() {
  return {
    restrict: 'A',
    require: 'ngModel',
    link: function(scope, element, attrs, controller) {

element.on('change', function () {
 console.log("from here - " , controller.$name);
});
     

 
    }
  };
});