Получить родительский контроллер директивы в директиве ребенка

Question

Я имею следующую директиву:

angular.module('test').directive('childDirective', [function() { 
    return { 
     restrict: 'E', 
     require: '^parentDirective', 
     controller: function() { 
      // How do I get parentDirective's controller? 
     }, 
     link: function($scope, $element, $attrs, $controller) { 
      var data = $controller.parentDirectiveData; 
      .... 
      .... 
     } 
    }; 
}]); 

В функции связи я получаю $ зависимости контроллера, который содержит ссылку на контроллер parentDirective в. Как получить эту ссылку в контроллере childDirective?

Answer 1

У вас есть несколько вариантов, вы можете поставить его на прицел, или сохранить его в переменной, что контроллер может получить доступ также:

angular.module('test').directive('childDirective', [function() { 

    var parentCtrl; 

    return { 
     restrict: 'E', 
     require: '^parentDirective', 
     controller: function() { 
      // parentCtrl will be defined after the link function runs. 
     }, 
     link: function($scope, $element, $attrs, $controller) { 
      var data = $controller.parentDirectiveData; 
      parentCtrl = $controller 
     } 
    }; 
}]); 

Важно Обратите внимание, что функция контроллера будет запустите до функции ссылки, поэтому вы можете использовать ее только в асинхронных обратных вызовах.

Невозможно вставить экземпляр родительского контроллера в дочерний контроллер до этого, поскольку он опирается на директивы, связанные с областью, чтобы определить эту иерархию.