AngularJS Example

HTML

<div ng-app="app">
 <div ng-controller="ParentCtrl">
     <div id="clickMe">
         click me
     </div>
     <div class="myDirective">
         
     </div>
 </div>
</div>

CSS

</style>

JavaScript

angular.module('app', [])
    .directive("myDirective", function(){
        return {
            restrict: 'C',
            scope: {
                
            },
            link: function(scope){
                scope.$on("clicked", function(){
                       scope.$destroy(); 
                });
            }
        }
    });

function ParentCtrl($scope, $rootScope){
    angular.element(document.getElementById("clickMe")).bind("click", function(){
       $rootScope.$broadcast("clicked");
       $rootScope.$apply();
    });
    
}