从angularjs中的服务调用控制器函数

我正在使用socket.io在我的应用程序中启用聊天功能，我正在使用服务

SocketService

执行所有socket操作。当一条消息出现时，我想从服务

SocketService

触发控制器的一个功能，以便在UI中进行一些更改。 因此，我想知道如何从服务访问控制器的功能。 示例代码：

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

---

您可以通过使用角度事件

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

---

希望这能对您有所帮助，谢谢。

我知道这是一个老问题，但我有另一个选择。我个人对$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
  }
}]);

---

我意识到这篇文章很老了，但在与Angular JS打了几年交道后，我愿意付出我的两分钱。我个人会重新考虑这种做法。理想情况下，使用AngularJS，您可以修改控制器/指令，以便于将数据传输到视图模型，并最终将HTML模板绑定到我所谓的“用户友好”视图模型。该视图模型应该简单地反映您希望用户看到的内容以及一般情况下的内容。使用此方法，

connect

事件发生时，应绑定到服务数据的视图模型将在数据到达时反映对数据的更改。

[[1]：为什么要添加整个控制器？只需订阅特定函数。请记住，如果在函数内，$scope（或vm）修改后，通知对视图的更改，并给出一些注意事项：a）注册特定函数时，请确保指示绑定到的控制器-'SocketService.registercrlrfn（this.someFunction.bind（this）'），以及b）如果服务逻辑始终作为摘要周期的一部分运行，则不需要$scope.apply包装器。如果服务逻辑不是摘要周期的一部分，如原问题所述，则有必要使用$scope.apply包装器。如果服务逻辑可能在摘要周期内，也可能不在摘要周期内，则使用$timeout包装器。有关Oops的更多信息，请参阅我的注册示例中的括号-

SocketService.registerCtrlrFn（this.someFunction.bind（this））

@PankajParkar:这也是解决我问题的完美方案。在我的情况下，控制器没有嵌套，我必须从另一个发送更新。就像Raban Ilaj一样。