Socket.io 在页面加载时显示自己的 socketId（角度 - 工厂）

Question

我正在使用工厂连接到 socket.io，在那里我有一个 socketId 返回函数给我连接的socketId，以便我可以在网站上显示它（现在只是为了测试）。

我有我的工厂：

angular.module('testing').factory('socket', ['$rootScope', function($rootScope) {
    var socket = io.connect();

    return {
        socketId: function(){
          return socket.id;
        }
        //some more code here deleted for simplicity
    };
}]);

在我的控制器代码中：

_this.socketId = socket.socketId();

现在，当我打开页面时，socket.socketId() 返回undefined，但当我得到它时，例如按下按钮后，我得到socketId。

问题：如何让 socket.io 在连接后更新我的变量_this.socketId？

Answer 1

你可以使用'promise'，Promise API

return {
    socketId: function(){
      var deferred = $q.defer();
      var socket = io.connect();
      socket.on('connect', function() {
            deferred.resolve(socket.id); //Your socketid
        });
      return deferred.promise;
    }

Answer 2

似乎控制器中的 socketId 甚至在套接字可以连接之前就已初始化！

如果您在工厂等待您的套接字连接并在连接后广播套接字 ID，您可以在控制器上简单地监听它，这不是更好吗？

//At the factory
var socket = io.connect();
socket.on("connect",function(){
$rootscope.$broadcast("socketId",socket.id);
});

//At the controller
$scope.$on("socketId",function(data){
_this.socketId = data;
});

希望对你有帮助，如有不对之处，欢迎指正。