如何在AngularJS中实现websockets？

Question

我想创建一个AngularJS站点，通过服务器上的websockets更新其信息。服务器每秒会发出一大堆信息。

这是我的代码：

myApp.controller('mainController', function($scope) {
  var connection = new WebSocket("ws:localhost:4080/", ['soap', 'xmpp']);
  $scope.value= "null";
  connection.onopen = function () {
    connection.onmessage = function (e) {
      $scope.value = e.data;
    };
  };
};

Answer 1

将$scope.value = e.data;调用包装到$scope.$apply函数中以将数据传播到视图中。

$scope.$apply(function() {
    $scope.value = e.data;
});