Angular JS Hover

by cambiata

HTML

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://docs-next.angularjs.org/angular-0.10.3.min.js" ng:autobind></script>

<!-- AngularJS Example Code: -->

<script>
angular.directive('my:hover', function(test) {
    
    alert(test);
    
    return function(element) {
        element.hover(
            function() {
                alert('in');
            },
            function() {
                alert('out');
            }
        );
    };
    
});
    
</script>
<div>
    <input ng:model="inp"></input>
    <p>{{inp}}</p>
    <span my:hover="inp" >Nisse<span>
    
</div>