Angular: onChange Directive

by Roman

HTML

<script src="http://code.angularjs.org/1.2.0-rc.3/angular.min.js"></script>
<!--
<script src="http://code.angularjs.org/1.2.0/angular.min.js"></script>
-->

<div ng-controller="MyCtrl">
  Directive onchange test - adapted from: http://jsfiddle.net/danielzen/utp7j/
    <br />
    WORKS on 1.2.0-rc.3 but does NOT on 1.2.0
    <br />
    type then click away (blur) to see change alert:
  <br />
  <div my-directive></div>
</div>

JavaScript

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

function MyCtrl($scope) {
}

app.directive('myDirective', function() {
    return {
        restrict: 'A',
        scope:{
            ngModel: '=',
        },
        template: function(element, attrs) {
           var html ="<div>"+
             "<input type='text' onchange='angular.element(this).scope().changeIt()' />"+
              //"<input type='text' ng-change='changeIt()' />"+        //does NOT work..
               "</div>";
            return html;
        },
        link: function(scope, element, attrs) {
            scope.changeIt =function() {
              alert('changed!');  
            };
        },
    };
});