2014-02-17 73 views
5

我知道Angular在客户端提供了令人敬畏的双向数据绑定,但我需要更多!使用Angular与socket.io

我正在寻找正确的方法来连接角度与我的服务器端(SailsJS其中包括socket.io)。

谢谢!

+3

http://www.html5rocks.com/en/tutorials/frameworks/angular-websockets/ –

回答

4

你试过角帆绑定? (https://github.com/diegopamio/angular-sails-bind)我打赌你没有,因为我刚刚在几分钟前向世界发布了:)。我为自己的项目制作了它,然后决定把它作为一个独立的库,这样每个人都可以受益,我可以有我的第一次体验开发凉亭包。

我希望它能帮助你。

顺便说一句:它适用于风帆0.10(因为有些事情,如主题名称已经改变了0.9)。如果你需要使用0.9版本,请告诉我,我很乐意提供帮助。

+0

非常感谢您的支持。我一定会在本周尝试。当我使用风帆0.10时,向后兼容性将不是必需的。 – danba

3

我会建议尝试https://github.com/btford/angular-socket-io,允许简单地使用套接字对象在控制器中这样的:

var socketApp = angular.module('socketApp', [ 
    'btford.socket-io' 
]); 

socketApp 
    .controller('messageListController', ['$scope', 'socket', function($scope, socket) { 
     $scope.messages = []; 

     $scope.postMessage = function(message) {}; 

     socket.on('connect', function() { 

      $scope.$on('socket:update', function(event, data) { 
       $scope.messages.push(data); 
      }); 

      $scope.postMessage = function(message, callback) { 
       socket.emit('post', message, function(commitedMessage) { 
        $scope.messages.push(commitedMessage); 
        callback(commitedMessage); 
       }); 
      }; 
    }); 
}]);