通过Angular需要属性访问父母的父控制器

Question

在下面的例子中，accordion-group指令使用accordion-group指令中的“require：'^ accordion'”属性与父手风琴共享控制器和作用域。

如果我想在accordion-group下创建一个子指令，它如何访问手风琴控制器？要求^手风琴和^ accordionGroup似乎并不奏效。

​​

Answer 1

它的确如此。我只是很愚蠢。 后代小提琴here。

'use strict'; 

angular.module('myApp', []).controller('OneController', function() { 
    this.test = function(element) { 
     element.css('color', 'red'); 
    } 
}).directive('one', function() { 
    return { 
     restrict: 'E', 
     transclude: true, 
     replace: true, 
     controller: 'OneController', 
     template: '<span ng-transclude>And a </span>', 
    } 
}).directive('two', function() { 
    return { 
     restrict: 'E', 
     transclude: true, 
     replace: true, 
     require: '^one', 
     template: '<span ng-transclude>and a </span>', 
    } 
}).directive('three', function() { 
    return { 
     restrict: 'E', 
     transclude: true, 
     replace: true, 
     require: '^one', 
     template: '<span ng-transclude>and a one two</span>', 
     link: function(scope, element, attrs, ctrl) { 
      ctrl.test(element); 
     } 
    } 
});