Функция вызова контроллера из службы в angularjs

Question

Я использую socket.io, чтобы включить чат в моем приложении, и я пользуюсь службой SocketService для выполнения всех файлов сокетов. Когда появилось сообщение, я хочу вызвать функцию контроллера из службы SocketService, чтобы внести некоторые изменения в пользовательский интерфейс. Итак, я хочу знать, как я могу получить доступ к функции контроллера из службы. Пример кода:

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

Это пример кода для службы.

Теперь код контроллера

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

Answer 1

Вы могли бы добиться этого с помощью событий угловые $broadcast или $emit.

В вашем случае $broadcast будет полезно, Вы должны транслировать событие в $rootscope, которые можно слушать на всех дочерних областей, которая имеет $on с таким же названием события.

КОД

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

Надеется, что это может помочь вам, спасибо.

Answer 2

Я знаю, что это старый вопрос, но у меня есть другой вариант. У меня есть личная предвзятость против $ broadcast - это просто не очень «угловато», я предпочитаю делать явные вызовы в своем коде.

Таким образом, вместо того, чтобы транслировать на контроллер и запускать другой цикл дайджест, я предпочитаю, чтобы контроллер регистрировался на службе, как показано ниже. Просто будьте осторожны, чтобы не вводить никаких круговых зависимостей, если контроллер использует одну и ту же услугу. Это лучше всего работает с синтаксисом controllerAs, так что вызывающей службе не нужно заботиться о $ scope.

Да, это больше кода, чем $ broadcast, но он дает полный доступ к сервису для всего контроллера - все его методы и свойства.

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