extending an angular directive

AngularExtendedDirective.js

.directive('smelly', function(){
  return {
    restrict: 'E',
    controller: function(){
      this.doWork = function(){
        alert('smelly work');
      };
    },
    link: function($scope, $element, $attributes, controller){     
      $element.bind('click',function(){
        controller.doWork();
      });
    }
  };
})
.directive('xtSmelly', function(){
  return {    
    controller: function($scope){
      $scope.name = "brian";
    },
    scope: {},
    require: 'smelly',
    link: function($scope, $element, $attributes, controllers){            
      
      controllers.doWork = function(){
        alert('xt-smelly work: ' + $scope.name);
      };
    }
  };
})
;

//Usage

//<smelly xt-smelly>SMELLY</smelly>  


//Result

//alerts "xt-smelly work"