2014-02-17 3 views
5

Angular가 클라이언트 측에서 멋진 양방향 데이터 바인딩을 제공한다는 것을 알고 있지만 더 싶습니다!Angular with socket.io

서버 측 (socket.io가 포함 된 SailsJS)과 각도를 연결하는 올바른 방법을 찾고 있습니다.

감사합니다.

+3

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

답변

4

를? (https://github.com/diegopamio/angular-sails-bind) 나는 방금 전에 몇 분 전에 세상에 석방 했으므로 당신이하지 않았을 것이라고 확신합니다. :) 제 자신의 프로젝트를 위해 만든 다음 분리 된 라이브러리로두기로 결정하여 모두가 이익을 얻을 수있게되었고 처음으로 경험있는 패키지를 개발할 수있었습니다.

도움이되기를 바랍니다.

BTW : 돛 0.10에서 작동합니다 (항목 이름이 0.9 이후로 변경된 것과 같은 일부 항목). 0.9 버전에서 작동하게하려면 알려주세요. 기꺼이 도와 드리겠습니다.

+0

머리를 주셔서 감사합니다. 나는 이번 주에 그것을 시험해 볼 것입니다. sails 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); 
       }); 
      }; 
    }); 
}]);