угловая функция вызова от разных контроллеров

Question

Мы пытаемся разработать приложение с использованием phonegap onsen и angularJS.

Я пытаюсь вызвать функцию из разных контроллеров. Я видел много документации о том, как это сделать, например this

Но по какой-то причине это не работает для меня. Вот мой код до сих пор.

module.run(function ($rootScope) { 
    $rootScope.$on('some-event-here', function (event, data) { 
     console.log('1'); 
     $rootScope.$emit('show-dialog-of-some-event', data); 

     //I also tried 
     //$rootScope.$broadcast('show-dialog-of-some-event', data); 
    }); 
}); 

module.controller('controller1', ['$scope', '$http', function($scope, $http) { 
    $scope.proceed = function() { 
     console.log('0'); 
     $scope.$emit('some-event-here', {}); 
    } 
}]); 

module.controller('controller2', ['$scope', '$http', function($scope, $http) { 
    $scope.$on('show-dialog-of-some-event', function (event, data) { 
     console.log('2'); 
     ons.createDialog('some-dialog.html').then(function(dialog) {       
      //some code here 
     }); 
    }); 
}]); 

Он отображается на консоли «0» и «1», но не показывает «2».

Это может быть легкой проблемой, но я не могу найти проблему с моим кодом.

Заранее спасибо.

Answer 1

Если вы общаетесь между контроллерами двойников и от родительского контроллера к контроллеру ребенка вы должны использовать $ Scope. $ Радиопередачу, но если вы хотите общения с ребенком родителя, вы должны использовать $ объем. $ Испускают

Answer 2

Я думаю, что может произойти, что вы объявляете обработчик событий для события «show-dialog-of-some-event» в локальной области контроллера2, то есть $ scope. Вы испускаете событие в $ rootScope. Испускаемые события выходят из строя вниз, поэтому событие «show-dialog-of-some-event» не «окунается» из области $ rootScope в $ scope. Вместо этого вы можете определить обработчик событий для «show-dialog-of-some-event» в корневой области, например.

$rootScope.$on('show-dialog-of-some-event', function(e,d) {}); 

Answer 3

2 вещи неправильно с вашим кодом:

1: $broadcast пузыри события вниз по иерархии областей видимости, $emit для барботирования их иерархию области видимости, а не использовать это:

$rootScope.$broadcast('show-dialog-of-some-event', data); 

Для получения дополнительной информации см. Этот ответ: $rootScope.$broadcast vs. $scope.$emit

2: run функция вашего модуля будет ex ecuted прежде чем ваш контроллер будет прикрепить обработчик события для этого события, поэтому мероприятие прошло уже к тому времени, настроенному обработчик событий в контроллере:

Опять же, посмотрите этот ответ AngularJS app.run() documentation?

Таким образом, решение ваш ответ:

• изменение $emit к $broadcast
• шаг позже $broadcast вызова в жизненном цикле так controller будет присоединили его слушателем

Вот plunkr, где я звоню $broadcast позже в жизненном цикле (в данном случае, когда окно нагрузки):

http://plnkr.co/edit/W7efiKqIlu4va4AcBTbG

Answer 4

Если вам не нужно обрабатывать ничего на rootscope вас могу просто вводить $ rootScope в контроллер

module.controller('controller1', ['$scope', '$http', '$rootScope', function($scope, $http, $rootScope) { 
    $scope.proceed = function() { 
     console.log('0'); 
     $rootScope.$boardcast('some-event-here', {}); 
    } 
}]); 

module.controller('controller2', ['$scope', '$http', function($scope, $http) { 
    $scope.$on('some-event-here', function (event, data) { 
     console.log('2'); 
    }); 
}]); 

это менее чистое, чем при использовании сервиса, но вы можете использовать этот шаблон, если это не слишком часто.