AngularJS Directive Sample Directive to Controller Communication

twitter.js

/*<div ng-app="twitterApp">
    <div ng-controller="AppCtrl">

        <div enter="loadMoreTweets()">Roll over to load more twitt</div>
    </div>
</div> */

var app = angular.module("twitterApp", [])

app.controller("AppCtrl", function($scope){
    $scope.loadMoreTweets = function() {
        alert('loading tweets');
    }

    $scope.deleteTWeets = function() {
        alert('deleting tweets');
    }
})

app.directive("enter", function() {
    return function(scope, element, attrs) {
        element.bind("mouseenter", function() {
            scope.$apply(attrs.enter);
        })
    }
})