Первая директива:
app.directive("myDirectiveOne", function($rootScope){
return {
templateUrl : "/custom-one-html.html",
restrict: "AE",
replace:true,
scope: {
somedata: "=",
flags: "=",
functionone: "&"
}
,controller: function($rootScope,$scope, $element) {
$scope.firstFunction = function(){
console.log("First function is getting called")
}
$scope.$on('firstBroadcast',function(event, data){
$rootScope.$broadcast('secondBroadcast', data)
});
}
Вторая директива:
app.directive("myDirectiveTwo", function($rootScope){
return {
templateUrl : "/custom-two-html.html",
restrict: "AE",
replace:true,
scope: {
data: "=",
functiontwo: "&"
}
,controller: function($rootScope,$scope, $element) {
$scope.secondFunction = function(){
console.log("Second function is getting called")
$rootScope.$broadcast('firstBroadcast', {})
}
$scope.$on('secondBroadcast',function(event, data){
$scope.callSomeFunctionWithData(data);
});
$scope.secondFunction();
$scope.editFunction = function(x){
console.log("This is the edit function", x);
}
Родительский контроллер:
$scope.parentFuntion = function(){
console.log("No trouble in calling this function")
}
Итак, проблема в том, что когда я пытаюсь вызвать функцию из шаблона myDirectiveTwo html, активным контроллером является родительский контроллер, а не изолированный.
Может быть, это как-то связано с трансляциями, которые я использую?
HTML-код:
<div ng-repeat="x in data">
<h5>{{x.name}}</h5>
<button ng-click="editFunction(x)">Edit</button>
</div>
Странно то, что я получаю значения данных, и ng-repeat отлично работает при загрузке. Но когда я нажимаю на кнопку, ничего не происходит. И если я добавлю ту же функцию в родительский контроллер, она будет вызвана.. :( Как мне снова сделать активным изолированный контроллер области действия..?
