Angular: Empty Fiddle

http://angularjs.org/

by fredrik

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  <input type="text" ng-model="name" on-keyup="applyNameChanges($event)">
  Hello, {{name}}!
</div>

JavaScript

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

app.directive('onKeyup', ['$parse', function($parse) {
    return{
        restrict: 'A',
        link: function(scope, el, attrs) {
            var fn = $parse(attrs.onKeyup);
            el.bind("keyup", function() {
                scope.$apply(function() {
                    fn(scope, {$event:event});
                });
            });
            
        }
    };
}]);


function MyCtrl($scope) {
    $scope.name = 'Superhero';
    
    $scope.applyNameChanges = function(event){
        console.log(arguments);
    }
}