Директива Angularjs требует не найти родительский директивный контроллер

Question

Когда мне требуется контроллер в директиве, я получаю сообщение об ошибке, не могу найти контроллер. Пожалуйста, ознакомьтесь с кодом, указанным ниже. http://plnkr.co/edit/NzmQPA?p=preview

Может кто-нибудь, пожалуйста, взгляните на него?

Thanks

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