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>