Angularjs hizmetinden çağrı denetleyicisi işlevi

Question

Uygulamamdaki sohbeti etkinleştirmek için socket.io kullanıyorum ve tüm soket malzemelerini gerçekleştirmek için SocketService hizmetini kullanıyorum. Bir mesaj geldiğinde, UI'de bazı değişiklikler yapmak için SocketService servisinden bir kontrolörün fonksiyonunu tetiklemek istiyorum. Yani bir denetleyicinin işlevine hizmetten nasıl erişebileceğimi bilmek istiyorum. Örnek 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' 
    }); 
    } 
}); 

Bu hizmet için örnek kod verilmiştir. kontrolörün

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

Answer 1

için

Şimdi kod Sen açısal olayları $broadcast veya $emit kullanarak bunu başarabilir. Senin durumunda $broadcast yılında

yararlı olacaktır, Aynı etkinlik adıyla $on sahiptir tüm alt kapsamları ile dinlemek edilebilir $rootscope daki olayı yayınlayan gerekiyor. Bu size yardımcı olabilecek

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

Umut, teşekkürler.

Answer 2

Bunun eski bir soru olduğunu biliyorum, ama başka seçeneğim var. $ Yayına karşı kişisel bir önyargı var - sadece 'çok açılı' hissetmiyor, kodumda açık çağrı yapmayı tercih ediyorum. Bu nedenle, denetleyiciye yayınlamak ve başka bir sindirim döngüsünü tetiklemek yerine, denetleyicinin kendisini aşağıdaki gibi hizmete kaydettirmesini tercih ediyorum. Kontrol cihazının aynı servisi kullanması durumunda, herhangi bir yuvarlak bağımlılığı tanıtmamaya dikkat edin. Bu, controllerAs sözdizimi ile en iyi şekilde çalışır, böylece arama servisinin $ kapsamını önemsemesi gerekmez.

Evet, bu, $ yayınından daha fazla koddur, ancak tüm denetleyiciye hizmetin toplam erişimini verir - tüm yöntemleri ve özellikleri.

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