2013-05-10 91 views
31

我已经能够让控制器使用$ on监听器 和$scope.$on

但我没有看到关于如何获得服务来监听事件的任何文档。我试过$rootScope.$on,但只允许一个监听者。我希望听众在多个服务中,不管他们的父控制器是否在范围内。

+0

你为什么不干脆注入到服务控制器和让控制器调用的服务方法。你不需要使用任何事件。 (顺便说一句,服务不会被创建,如果你不注入某物...) – Tosh 2013-05-10 08:55:58

+0

我有多个控制器,他们每个都有服务,所有的服务都需要通知。而不仅仅是活动的控制器 – Anton 2013-05-10 11:41:06

+0

@Anton:默认情况下服务是单身 - 所以在一个控制器中更改服务变量会改变它到处(因为它是同一个对象)。 – ganaraj 2013-05-10 15:02:40

回答

45

经过实验证明,事实证明可以用最少的代码完成对服务的事件。

示例服务代码如果有其他人遇到此情况,请遵循以下示例服务代码。

样品保存和恢复服务模式到本地存储时,得到的各个广播

app.factory('userService', ['$rootScope', function ($rootScope) { 

    var service = { 

     model: { 
      name: '', 
      email: '' 
     }, 

     SaveState: function() { 
      sessionStorage.userService = angular.toJson(service.model); 
     }, 

     RestoreState: function() { 
      service.model = angular.fromJson(sessionStorage.userService); 
     } 
    } 

    $rootScope.$on("savestate", service.SaveState); 
    $rootScope.$on("restorestate", service.RestoreState); 

    return service; 
}]); 
+1

我是唯一一个注意到这在技术上是工厂对象....它不调用服务构造函数与'app.service('myActualService',...)' – BradGreens 2014-05-12 21:42:52

+0

@BradGreens,我觉得它困惑自己app.factory被列为定义角度服务的“一种方式”。很高兴能被证明是正确的做法,如果这是不正确的 – Anton 2014-05-12 23:00:53

+0

是的,我与你同在。我主要是使用'app.service'作为使用'this'属性的真正单身人士。我可以在明天直接将这个'工厂'移植到'服务'上,希望能帮助勾画出它们之间的差异。老实说,我可以在应用程序中与工厂交换每项服务,并且看不到最终结果的差异。 – BradGreens 2014-05-13 03:05:31

14

由于$on是一个范围的方法,你可以在你的服务创建一个范围,然后监听事件就可以了:

app.factory('myService', function($rootScope) { 
    var scope = $rootScope.$new(); // or $new(true) if you want an isolate scope 
    scope.$on('testEvent', function() { 
     console.log('event received'); 
    }) 
    return {} 
}); 

function MyCtrl($scope, myService, $rootScope) { 
    $rootScope.$broadcast('testEvent'); 
} 

fiddle

不过,我不会推荐这种方法,因为范围通常不与服务相关联。

+2

同意,使用服务范围似乎好奇 – Anton 2013-05-10 23:06:58

+0

如果你不建议这种方法,你会做什么呢? – marcel 2014-03-12 08:27:33

+0

@marcel,我喜欢安东的方法/回答。 (当我第一次写这个答案时,我想不出一个更好的方法。) – 2014-03-12 15:54:06