Funkcja kontrolera połączeń z usługi w angularjs

Question

Używam socket.io, aby włączyć czat w mojej aplikacji i używam usługi SocketService, aby wykonać wszystkie czynności związane z gniazdem. Kiedy przyszedł komunikat, chcę wywołać funkcję kontrolera z usługi SocketService, aby wprowadzić pewne zmiany w interfejsie użytkownika. Więc chcę wiedzieć, w jaki sposób mogę uzyskać dostęp do funkcji kontrolera z usługi. Przykładowy kod:

.service('SocketService', function ($http,$rootScope,$q) { 
    this.connect = function(){ 
    var socket = io(); 
    socket.on('connect',function(){ 
     // Call a function named 'someFunction' in controller 'ChatController' 
    }); 
    } 
}); 

To jest przykładowy kod dla usługi.

Teraz kod regulatora

.controller('ChatController',function('SocketService',$scope){ 
    $scope.someFunction = function(){ 
    // Some Code Here 
    } 
}); 

Answer 1

Można by to osiągnąć za pomocą kątowe Wydarzenia $broadcast lub $emit.

W twoim przypadku $broadcast byłoby pomocne, Trzeba transmitowane wydarzenie w $rootscope że można słuchać przez wszystkich zakresów dziecko, które ma $on z samej nazwie zdarzenia.

KOD

.service('SocketService', function($http, $rootScope, $q) { 
    this.connect = function() { 
     var socket = io(); 
     socket.on('connect', function() { 
      // Call a function named 'someFunction' in controller 'ChatController' 
      $rootScope.$broadcast('eventFired', { 
       data: 'something' 
      }); 
     }); 
    } 
}); 


.controller('ChatController', function('SocketService', $scope) { 
    $scope.someFunction = function() { 
     // Some Code Here 
    } 
    $scope.$on('eventFired', function(event, data) { 
     $scope.someFunction(); 
    }) 
}); 

Nadzieja to może pomóc, dzięki.

Answer 2

Wiem, że to stare pytanie, ale mam inną opcję. Mam osobistą stronniczość przeciwko emisji w USD - po prostu nie czuję się bardzo "kanciasto", wolę wykonywać wyraźne połączenia w moim kodzie.

Więc zamiast rozgłaszać do kontrolera i uruchamiać kolejny cykl trawienny, wolę, aby kontroler rejestrował się w usłudze, jak poniżej. Uważaj, aby nie wprowadzać żadnych zależności kołowych, jeśli kontroler korzysta z tej samej usługi. Działa to najlepiej w przypadku składni kontrolera, więc usługa wywołująca nie musi dbać o zakres $.

Tak, jest to kod bardziej niż $ broadcast, ale daje on usłudze pełny dostęp do całego kontrolera - wszystkie jego metody i właściwości.

.service('SocketService', function ($http,$rootScope,$q) { 
    var _this = this;  
    this.chatController = null; 
    this.registerCtrlr = function (ctrlr) { 
    _this.chatController = ctrlr; 
    }; 
    this.unRegisterCtrlr = function() { 
    _this.chatController = null; 
    }; 

    this.connect = function(){ 
    var socket = io(); 
    socket.on('connect',function(){ 
     // Call chatController.someFunction if chatController exists 
     if (_this.chatController) { 
     _this.chatController.someFunction(); 
     } 
    }); 
    }; 
}); 

.controller('ChatController',['SocketService', '$scope', function(SocketService, $scope){ 
    SocketService.registerCtrlr(this); 
    //-- make sure controller unregisters itself when destroyed - need $scope for this 
    $scope.$on('$destroy', function() { 
    SocketService.unRegisterCtrlr(); 
    }); 
    this.someFunction = function(){ 
    // Some Code Here 
    } 
}]);