Angular：服务中的广播事件

Question

我想用角度创建自定义事件。目标是通过服务广播该事件，并且必须在控制器中捕捉。

我有我的服务：

function doSomething() { 
     // do something... 
     $rootScope.$broadcast("bced"); 
     $rootScope.$emit("emitted"); 
     console.log('event'); 
} 

和我的控制器：

$rootScope.$on("bced",function(){ 
    console.log("catched"); 
}); 
$rootScope.$on("emitted",function(){ 
    console.log("catched"); 
}); 

$scope.$on("bced",function(){ 
    console.log("catched"); 
}); 
$scope.$on("emitted",function(){ 
    console.log("catched"); 
}); 

但我不能赶上控制器事件。 console.log（'event'）显示，但我无法捕捉任何事件。 有人能解释我该怎么做吗？ $ rootScope在服务和控制器中正确声明。

Answer 1

结帐工作演示：

var app = angular.module('core', []); 
 
    app.service('SomeService', function($timeout, $rootScope){ 
 
     this.generateEvent = function(){ 
 
      $timeout(function(){ 
 
       $rootScope.$broadcast('event:show', {some: 'data'}); 
 
      }, 3000);  
 
     } 
 
     
 
    }) 
 
    
 
    app.controller('MainController', function($scope, SomeService){ 
 
     SomeService.generateEvent(); 
 
     $scope.$on('event:show', function(event, data){ 
 
      $scope.test = data.some; 
 
     }) 
 
    })

<div ng-app="core" ng-controller="MainController"> 
 
    {{test}} 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>