Как использовать $ on в сервисе в угловом режиме?

Question

Я смог получить контроллер, чтобы использовать $ on listener с $scope.$on.

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

Я пробовал $rootScope.$on, но это позволяет только одному слушателю. Я хочу, чтобы слушатели находились в нескольких службах независимо от того, находятся ли их родительские контроллеры в области действия или нет.

Answer 1

После экспериментирования с честным результатом выясняется, что получение событий к сервису может быть выполнено с минимальным кодом.

Пример кода обслуживания следует в случае, если кто-то еще сталкивается с этим.

образец сохраняет и восстанавливает модель обслуживания для локального хранения данных, когда он получает соответствующую широковещательные

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; 
}]); 

Answer 2

Поскольку $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

Однако, я бы не рекомендовал этот подход, так как области обычно не связаны с услугами.