Call-Controller-Funktion aus Service in angularjs

Question

Ich benutze socket.io, um Chat in meiner App zu aktivieren, und ich verwende einen Service SocketService, um alle Socket Zeug durchzuführen. Wenn eine Nachricht kam, möchte ich eine Funktion eines Controllers vom Dienst SocketService auslösen, um einige Änderungen in der Benutzeroberfläche vorzunehmen. Also ich möchte wissen, wie kann ich auf die Funktion eines Controllers aus dem Dienst zugreifen. Beispielcode:

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

Dies ist der Beispielcode für den Dienst.

Jetzt ist der Code für die Steuerung

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

Answer 1

Sie können dies erreichen, indem Winkel Ereignisse $broadcast oder $emit verwenden.

In Ihrem Fall $broadcast wäre hilfreich, Sie Ihre Veranstaltung in $rootscope auszustrahlen, die von allen untergeordneten Bereiche werden hören, die $on mit demselben Ereignis Namen hat.

CODE

.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(); 
    }) 
}); 

Hope this Sie, Dank helfen.

Answer 2

Ich weiß, das ist eine alte Frage, aber ich habe eine andere Option. Ich habe eine persönliche Voreingenommenheit gegenüber $ Broadcast - es fühlt sich einfach nicht sehr "eckig" an, ich bevorzuge explizite Aufrufe in meinem Code.

Anstatt also zum Controller zu senden und einen anderen Digest-Zyklus auszulösen, möchte ich lieber, dass der Controller sich selbst beim Dienst anmeldet, wie unten. Seien Sie vorsichtig, keine zirkulären Abhängigkeiten einzuführen, wenn der Controller den gleichen Dienst verwendet. Dies funktioniert am besten mit der controllerAs-Syntax, so dass der aufrufende Dienst sich nicht um $ scope kümmern muss.

Ja, das ist mehr Code als $ Broadcast, aber es gibt dem Dienst insgesamt Zugriff auf den gesamten Controller - alle Methoden und Eigenschaften.

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