Showing posts with label ngSocketIO. Show all posts
Showing posts with label ngSocketIO. Show all posts


February 22, 2018
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.


  1. Add the socket-io module as a dependency in your AngularJS app;
  2. Inject the socket factory wherever you need to use Socket.IO;
  3. You're done!


 <script src="angular.js"></script>  
 <script src="ng-socket-io.js"></script>  
   var myApp = angular.module('myApp', ['socket-io']);  
   myApp.controller('MyCtrl', function($scope, socket) {  
     // Listening to an event  
     socket.on('someEvent', function(data) {  
       $ = data;  
     // Raising an event  
     $scope.raise = function(message) {        
       socket.emit('otherEvent', message);  

Cancelling a subscription automatically on scope destruction

If you want to unsubscribe from an event automatically on scope destruction, just call bindTo passing the current scope:
 socket.on('someEvent', function(data) {  

Note: Special thanks to Michael Benford
Disclaimer: The blog is created to share angular directives information to geek, curious Angular Developers.