Question

我正在使用socket.io在我的应用程序中启用聊天，我正在使用服务SocketService来执行所有套接字的东西。当消息出现时，我想从服务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
  }
});

Answer 1

您可以使用角度事件$broadcast或$emit来实现此目的。

在你的情况下，$broadcast会很有帮助，您需要在$rootscope中广播您的活动，该活动可以由具有相同事件名称的$on的所有子范围进行监听。

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

希望这可以帮助你，谢谢。

Answer 2

我知道这是一个老问题，但我有另一种选择。我对个人广播有个人偏见 - 它只是感觉不是非常“有棱角”，我更喜欢在我的代码中进行显式调用。

因此，我不想向控制器广播并触发另一个摘要周期，而是让控制器将自己注册到服务，如下所示。如果控制器使用相同的服务，请注意不要引入任何循环依赖。这最适合使用controllerAs语法，因此调用服务不需要关心$ scope。

是的，这是比$ broadcast更多的代码，但它确实为整个控制器提供了服务的全部访问权限 - 所有这些方法和属性。

QTextCodec::setCodecForLocale(QTextCodec::codecForName("UTF-8"));

Answer 3

我知道这篇文章很旧，但是在与Angular JS交往几年后，我想给我两分钱。我个人将重新考虑这种方法。理想情况下，使用AngularJS，您可以修改控制器/指令，以方便将数据传输到视图模型，并最终将HTML模板绑定到我所谓的“用户友好”视图模型。该视图模型应仅反映您希望用户看到的内容以及一般情况。使用此方法，在connect事件发生时，应绑定到服务数据的视图模型将在数据到达时反映数据的更改。

从angularjs中的服务调用控制器功能

3 个答案: