test angular directives dom events

hover.directive.js

angular.module('utils', []).directive('hover', function() {
    return {
        restrict: 'E',
        template: '<div ng-mouseover="ctrl.over()">HOVER</div>',
        controllerAs: 'ctrl',
        controller: function() {
            this.over = function() {
                console.log('over');
            };
        }
    };
});