So verwenden Sie socket.io in Aurelia

Question

Ich versuche, socket.io mit dem Aurelia-Framework zu verwenden. Beim Laden der Seite werden die Daten vom Socket-Server abgerufen, danach jedoch nicht.

import io from 'socket.io-client'; 
var socket = io.connect('http://localhost:3000'); 

export class Settings { 
    newstate = ''; 

    constructor() { 
     socket.on('users', // <- only works once (when loading the page) but doesn't listen after 
      function (userlist) { 
       this.users = userlist; 
      }.bind(this)); 
    } 

    addstate() { 
     socket.emit('add state', this.newstate); // <- works flawless 
     this.newstate = ''; 
    } 
} 

Ich liebe Aurelia, aber ich scheitere mit der Integration von socket.io.

Answer 1

Versuchen Sie, Ihren Listener in activate() anstelle von constructor() zu binden.

import io from 'socket.io-client'; 
var socket = io.connect('http://localhost:3000'); 

export class Settings { 
    newstate = ''; 

    activate() { 
     socket.on('users', // <- only works once (when loading the page) but doesn't listen after 
      function (userlist) { 
       this.users = userlist; 
      }.bind(this)); 
    } 

    addstate() { 
     socket.emit('add state', this.newstate); // <- works flawless 
     this.newstate = ''; 
    } 
}