Javascript 在Angular应用程序中侦听socket.io

我希望将socket.io与我的angular应用程序集成。我已经看到了一些如何创建服务的示例，这些服务可以在控制器上访问。我明白。但我正在寻找一种方法，使所有控制器都能对来自socket.io的事件调用做出反应

因此：

on（'user joined'，函数（数据）{}）

我可以在一个控制器中实现这一点，但如何为所有控制器实现这一点呢

让我们制作一个套接字服务：

app.factory('socket', function ($rootScope) {
  var socket = io.connect();
  return {
    on: function (eventName, callback) {
      socket.on(eventName, function () {  
        var args = arguments;
        $rootScope.$apply(function () {
          callback.apply(socket, args);
        });
      });
    },
    emit: function (eventName, data, callback) {
      socket.emit(eventName, data, function () {
        var args = arguments;
        $rootScope.$apply(function () {
          if (callback) {
            callback.apply(socket, args);
          }
        });
      })
    }
  };
});

然后我们将注入控制器并与之交互（通过

socket.io

API）：

---

显然，您可以自定义控制器，以便对套接字服务执行所需的操作

你应该在服务中这样做，并将其注入控制器。是的，我意识到在所有控制器中使用它是没有意义的。。。明显地我现在的问题是如何初始化连接“var socket=io.connect（）；”它会在每次我实例化它时启动一个新连接吗？明白了！但是现在我遇到了“uncaughtreferenceerror:io未定义”的问题，您的客户端页面上是否引用了

socket.io

js？你可能也必须这么做。

function AppCtrl($scope, socket) {
  socket.on('init', function (data) {
    $scope.name = data.name;
    $scope.users = data.users;
  });
}