Socket.IO module for AngularJS
- AngularJS 1.0.5+
- Socket.IO 0.9.16
Simply download either ng-socket-io
or ng-socket-io.min.js
from the build folder and add it to your web application. Just make sure it's included after the AngularJS script.
- Add the
socket-io
module as a dependency in your AngularJS app; - Inject the
socket
factory wherever you need to use Socket.IO; - You're done!
<script src="angular.js"></script>
<script src="ng-socket-io.js"></script>
<script>
var myApp = angular.module('myApp', ['socket-io']);
myApp.controller('MyCtrl', function($scope, socket) {
// Listening to an event
socket.on('someEvent', function(data) {
$scope.data = data;
});
// Raising an event
$scope.raise = function(message) {
socket.emit('otherEvent', message);
};
});
</script>
If you want to unsubscribe from an event automatically on scope destruction, just call bindTo
passing the current scope:
socket.on('someEvent', function(data) {
...
}).bindTo($scope);