獲取父指令控制器子指令

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 
     } 
    }; 
}]); 

重要請注意控制功能之前運行鏈接功能，讓你真的只能使用在異步回調。

沒有辦法注入母公司的控制的情況下進入此之前，孩子控制器，因爲它依賴於指令被綁定到的範圍，以便進行定義的層次結構。