How to implement websockets in AngularJS?

Question

I want to create an AngularJS site that updates its information via websockets from the server. The server will emit a new chunk of information every second.

This is the code I have:

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;
    };
  };
};

So what is the question? What is not working?

Bolza
– Bolza

2016-03-18 10:00:54 +00:00
Commented Mar 18, 2016 at 10:00 — Bolza
– Bolza, Commented Mar 18, 2016 at 10:00

kvetis · Accepted Answer · 2016-03-18 09:55:41Z

1

Wrap the $scope.value = e.data; call into $scope.$apply function to propagate the data into view.

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

answered Mar 18, 2016 at 9:55

kvetis

7,4202 gold badges33 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to implement websockets in AngularJS?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related