Angularjs指令要求找不到父指令控制器

Question

当我在指令中需要一个控制器时，出现错误，表示无法找到控制器。 请参阅下面的问题的代码。 http://plnkr.co/edit/NzmQPA?p=preview

有人可以看看吗？

谢谢

Answer 1

您应该使用服务在它们之间进行通信。具体如何/你做什么取决于你的确切需求（你的文章中没有足够的信息）。

附注：我将您的点击处理程序更改为ng-click。

下面是一个例子： http://plnkr.co/edit/I2TvvV?p=preview

<div search-result-filter></div> 
<div search-result-header ng-click="doClick()"></div> 

angular.module('mymodule', []) 
    .controller('mainCtrl', ['$scope', 
    function($scope) { 
     $scope.test = "main angular is working"; 
    } 
    ]).controller('searchResultFilterController', ['$scope', 'myService', 
    function($scope, myService) { 
     //do something with 'myService' 
    } 
    ]) 
    .directive('searchResultFilter', [ 
    function() { 
     return { 
     replace: true, 
     controller: 'searchResultFilterController', 
     template: '<h1>this is the first directive</h1>' 
     }; 
    } 
    ]) 
    .directive('searchResultHeader', ['myService', 
    function(myService) { 
     return { 
     replace: true, 
     template: '<button>clickme</button>', 
     link: function($scope, $elem, $attrs) { 
      $scope.doClick = function() { 
      myService.someFn(); 
      }; 
     } 
     }; 
    } 
    ]) 
    .service('myService', function() { 
     this.someFn = function() { 
     alert('this is working'); 
     }; 
    }); 

Answer 2

你应该使用require当你的指令是相关：像手风琴和手风琴项目。

要在范围之间进行通信，您应该尝试$ on，$ emit，$ broadcast。在你的情况，你需要从rootScope注入rootScope到你的指令，以及广播事件：

.directive('searchResultHeader', 

    function($rootScope) { //inject rootScope 
     return { 
     replace: true, 
     template: '<button>clickme</button>', 
     link: function($scope, $elem, $attrs) { 
      $elem.on('click', function() { 
      $rootScope.$broadcast("someEvent"); //broadcast an event to all child scopes. 
      }); 
     } 
     }; 
    } 
); 

任何范围有兴趣的事件可以订阅它使用$到：

function($scope) { 
     $scope.$on("someEvent", function() { 
      alert('this is working'); 
     }); 
    } 

使用事件是创建解耦系统的一种方法。

DEMO