如何在角度服务中使用$?
我已经能够让控制器使用$ on监听器 和$scope.$on
。
但我没有看到关于如何获得服务来监听事件的任何文档。我试过$rootScope.$on
,但只允许一个监听者。我希望听众在多个服务中,不管他们的父控制器是否在范围内。
经过实验证明,事实证明可以用最少的代码完成对服务的事件。
示例服务代码如果有其他人遇到此情况,请遵循以下示例服务代码。
样品保存和恢复服务模式到本地存储时,得到的各个广播
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;
}]);
我是唯一一个注意到这在技术上是工厂对象....它不调用服务构造函数与'app.service('myActualService',...)' – BradGreens 2014-05-12 21:42:52
@BradGreens,我觉得它困惑自己app.factory被列为定义角度服务的“一种方式”。很高兴能被证明是正确的做法,如果这是不正确的 – Anton 2014-05-12 23:00:53
是的,我与你同在。我主要是使用'app.service'作为使用'this'属性的真正单身人士。我可以在明天直接将这个'工厂'移植到'服务'上,希望能帮助勾画出它们之间的差异。老实说,我可以在应用程序中与工厂交换每项服务,并且看不到最终结果的差异。 – BradGreens 2014-05-13 03:05:31
由于$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');
}
不过,我不会推荐这种方法,因为范围通常不与服务相关联。
你为什么不干脆注入到服务控制器和让控制器调用的服务方法。你不需要使用任何事件。 (顺便说一句,服务不会被创建,如果你不注入某物...) – Tosh 2013-05-10 08:55:58
我有多个控制器,他们每个都有服务,所有的服务都需要通知。而不仅仅是活动的控制器 – Anton 2013-05-10 11:41:06
@Anton:默认情况下服务是单身 - 所以在一个控制器中更改服务变量会改变它到处(因为它是同一个对象)。 – ganaraj 2013-05-10 15:02:40