如何在 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;
});