Angular js将父指令的变量传递给子指令

Question

我有两个指令。父母和孩子。我想将一个变量传递给父指令，并让它可以被多个孩子访问。这里有指示：

directives.directive('supNavDirective', function() { 
    return { 
     restrict: "E", //declare by element 
     replace: true, 
     scope: { 
      navtree: '=' 
     }, 
     controller: function ($scope, $element) { 
      $scope.returnNavTree=function(){ 
       return $scope.navtree 
      } 
     }, 
     link: function (scope, element, attrs) { 
     } 
    } 
}) 


directives.directive('collection', function() { 
    return { 
     require:"supNavDirective", 
     restrict: "E", //declare by element 
     link: function (scope, element, attrs,superDir) { 
     scope.collection = superDir.returnNavTree() 
     }, 
     template: "<ul class=\"nav nav-list tree\"><member ng-repeat=\"member in collection\" member=\"member\"></member></ul>" 
    } 
}) 

这里的HTML：

<superNavDirective collection navtree="analyticsNavTree"></superNavDirective> 

孩子指令不会出现让变量。为什么不？

Answer 1

首先，正确的语法“规定”父控制器是：

require:"^supNavDirective" 

其次，你必须添加returnNavTree方法来控制实例本身（而不是$scope）从子指令访问它，像这样：

... 
controller: function ($scope, $element) { 
    this.returnNavTree = function(){ 
    return $scope.navtree 
    } 
}, 
...