Làm cách nào để sử dụng $ trên dịch vụ ở góc cạnh?

Question

tôi đã có thể nhận được bộ điều khiển để sử dụng $ trên người nghe với $scope.$on.

nhưng tôi không thấy bất kỳ tài liệu nào về cách nhận dịch vụ để lắng nghe sự kiện.

Tôi đã thử $rootScope.$on, nhưng điều đó chỉ cho phép một người nghe. tôi muốn người nghe trong nhiều dịch vụ bất kể bộ điều khiển cha mẹ của họ có nằm trong phạm vi hay không.

Answer 1

sau khi thử nghiệm một chút công bằng, hóa ra việc nhận sự kiện cho dịch vụ có thể được thực hiện bằng mã tối thiểu.

mã dịch vụ mẫu sau trong trường hợp bất kỳ ai khác thực hiện điều này.

Mẫu tiết kiệm và phục hồi các mô hình dịch vụ để lưu trữ địa phương khi nó được phát sóng tương ứng

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

Kể từ $on là một phương pháp phạm vi, bạn có thể tạo một phạm vi phục vụ của bạn, sau đó lắng nghe cho các sự kiện trên đó:

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

Tuy nhiên, tôi sẽ không khuyên bạn nên phương pháp này, vì phạm vi thường không được liên kết với các dịch vụ.