在Angular應用程序中偵聽socket.io

Question

我正在尋找將socket.io與我的角應用程序集成在一起。我見過一些如何創建服務的例子，這使得它可以在控制器上訪問。我明白。但我正在尋找一種方式，所有的控制器都可以對來自socket.io的事件調用做出反應。

所以：

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

我能做到這一點的一個控制器，但我怎麼做它呢？

Answer 1

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

讓我們創建一個Socket服務：

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

可以很明顯的自定義控制器用套接字服務來做你所需要的。