AngularJS Directive require ancestor AND this controller

complexRequireDirective.js

var app = angular.module('yourApp');
app.directive("parentDirective", function(){
   return {
      restrict: "A",
      controller:function(){
         this.test = function(){
            console.log("parentController - okay");
         }
      }
   };
});
app.directive("complexDirective", function(){
   return {
      restrict: "A",
      require:["complexDirective","^parentDirective"],
      controller:function(){
         this.test = function(){
            console.log("complexController - okay");
         }
      },
      link: function(scope,element,attributes,controllers) {
         var thisController = controllers[0];
         var parentController = controllers[1];
         thisController.test();
         parentController.test();
      }
   };
});

complexRequireUsage.html

<div parent-directive>
  <div complex-directive></div>
</div>

Nice. Was looking for this exact thing.

This is brilliant!! Thanks for this piece of code, it saved my life! 😄