circle.drv.js

circle.drv.js

    .directive('myCircle',function(){
        return {
            templateUrl: 'circle.html',
            replace: true,
            controller: ['$scope','$rootScope',function($scope,$rootScope){
                $scope.afterClick = function(){
                    console.log('clicked');
                    $rootScope.$broadcast('clicked');
                }
            }],
            link: function(scope,element){
                element.on('click',function(){
                    scope.$apply(function(){
                        scope.afterClick();
                    });
                });
            }
        };
    })