在 Angular 应用中收听 socket.io

Question

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

所以：

socket.on('user joined', function (data) {});

我可以在一个控制器中做到这一点，但我该如何为所有控制器做到这一点？

Answer 1

你会想要encapsulate your socket in a service and inject it into Angular controllers as needed。

让我们做一个套接字服务：

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）：

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

您显然可以自定义控制器来使用套接字服务执行您需要的操作。

在 Angular 应用中收听 socket.io

Listen for socket.io in an Angular App

javascript

socket.io

angularjs