angular 4/socket.io access global variables and function calling

Question

I have to use simple socket client for angular 4 frontend. When I receive data to socket.on can't assign that data to global variables & can't call any function inside socket.on.

public sessionId;

constructor(){

var socket = io.connect('http://**.***.***.***:****');

socket.on('connect', function (data) {
  console.log('user connected');
  socket.emit('add user', { userId: uid });
});

socket.on('create channel', function (data) {

  console.log(data);
  this.sessionId = data.sessionId;    //error
  this.function();                    //error

  socket.emit('feedback', { received: true });
});
}


function(){}

Jihoon Kwon · Accepted Answer · 2018-03-22 04:53:51Z

1

In my case, I create new Observable and handle socket event. and a module subscribe that observable and call function.

That code is this :

  getSocketEvent(){

    let observable = new Observable(observer => {
      this.socket.on('event', (data) => {
        observer.next(data);
      });
      return () => {
        // this.socket.disconnect();
      };
    });
    return observable;
  }


  initService(){

    this.getSocketEvent().subscribe(data => {
      console.log('socket data :',data);

      //do something HERE
    });
  }

answered Mar 22, 2018 at 4:53

Jihoon Kwon

7555 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

angular 4/socket.io access global variables and function calling

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