$ scope. $ On не запускается после $ rootScope. $ Broadcast в угловом сервисе

Question

Это может быть повторяющийся вопрос, но обходной путь, который я нашел для этой проблемы, не работает в моем случае, поэтому я отправляю вопрос.

Я следующий сервиса:

appRoot.service('MyService', function($rootScope) { 
    var Messenger = { 
     Temp: "", 
     TempId:"", 
     tempMethod: function(Id) { 
      TempId = Id; 
      $rootScope.$broadcast('FirstCtrlMethod'); 
     } 
    }; 
    return Messenger ; 
}); 

В второго контроллера:

appRoot.controller('SecondCtrl', function ($scope, $location, MyResource, NotificationService, MyService) { 
$scope.invokeFirstCtrl= function() { 
     var Id = '2'; 
     MyService.tempMethod(Id); 
}); 

В первого контроллера:

appRoot.controller('FirstCtrl', function ($scope, $compile, $filter, $modal, $sce, $location, NotificationService, MyService) { 
$scope.$on('FirstCtrlMethod', function() {   
     alert('I am from frist controller'); 
    }); 
}); 

Задача: Строка "$ rootScope. $ Broadcast ('FirstCtrlMethod');" выполняет, как ожидалось, но не вызывает событие пожара «$ scope. $ On ('FirstCtrlMethod', function() {.." в первом контроллере. Я использовал различные услуги во многих местах в мое приложение таким же образом, и они workig хорошо, я не понимая, почему он не работает здесь.

Answer 1

положить комментарий в ответ ...

Я думаю, другой контроллер, который предполагается получать событие еще не установлено, когда вы передаете событие.

Пожалуйста, попробуйте создать экземпляр другого контроллера

Answer 2

Пожалуйста, смотрите ниже рабочего примера

var app = angular.module('app', []); 
 

 
app.service('MyService', function($rootScope) { 
 
    var Messenger = { 
 
    Temp: "", 
 
    TempId: "", 
 
    tempMethod: function(Id) { 
 
     TempId = Id; 
 
     $rootScope.$broadcast('FirstCtrlMethod'); 
 
    } 
 
    }; 
 
    return Messenger; 
 
}); 
 

 
app.controller('homeCtrl', function($scope, MyService) { 
 

 
    $scope.invokeFirstCtrl = function() { 
 
    var Id = '2'; 
 
    MyService.tempMethod(Id); 
 

 
    }; 
 
}); 
 

 
app.controller('FirstCtrl', function($scope) { 
 

 
    $scope.$on('FirstCtrlMethod', function() { 
 
    alert('I am from frist controller'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app"> 
 
    <div ng-controller="homeCtrl"> 
 

 
    <button ng-click="invokeFirstCtrl()">Invoke</button> 
 
    </div> 
 

 
    <div ng-controller="FirstCtrl"> 
 

 

 
    </div> 
 
</div>