Доступ к контроллеру материнской директивы рекурсивно в AngularJS

Question

мне нужно получить контроллер родителя, так что моя директива имеет свойство требовать, следующим образом:

module.directive('tag', function() { 
    return { 
     require: '?^tag', 
     restrict: 'E', 
     controller: function() { 
      this.payload = getPayload(); 
     }, 
     link: function (scope, element, attrs, ctrl) { 
      usePayload(ctrl.payload); 
     } 
    }; 
}); 

Однако параметр Ctrl функции связи возвращает контроллер текущей директивы , а не родительский. Документация AngularJS ясно из этого:

?^- Попытайтесь найти требуемый контроллер, выполнив поиск родителей элемента или верните нулевой, если не нашли.

Что я делаю неправильно?

Answer 1

либо документы или код вводят в заблуждение здесь ... require с ^ смотрит на текущий элемент, а затем всех родителей, используя inheritedData метод (см https://github.com/angular/angular.js/blob/master/src/ng/compile.js#L942). Таким образом, вы не сможете требовать директиву с тем же именем от родителя, используя этот подход.

Когда у меня была эта проблема в прошлом, я рассмотрел директиву form, которая должна делать то, что вы просите. Его метод контроллера хватает родителя, как так (https://github.com/angular/angular.js/blob/master/src/ng/directive/form.js#L39):

controller: function($element) { 
    var parentForm = $element.parent().controller('form'); 
} 

Принимая это, вы должны быть в состоянии назвать element.parent().controller('tag') найти родительский контроллер либо в контроллере или методов postLink.