通過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); 
     } 
    } 
});