Angular2: View is not updating from Socket.io event

Question

I was simply trying to update my view when I receive an socket event. My code in the component is something like below:

constructor(private _zone: NgZone){
    this.socket = io.connect('http://localhost:3000');
    this.socket.on('someEvent', function(data) {
        this._zone.run(() => {
            this.dataItem = data.item;
            console.log(this.dataItem);
        });
    });
}

when I run this browser console show some errors:

EXCEPTION: TypeError: Cannot read property 'run' of undefined

btw, my socket event are working properly in index.html

Any kind of help is appreciated.

Günter Zöchbauer · Accepted Answer · 2016-11-05 14:40:52Z

6

Don't use function () because this way this doesn't point to the current class instance anymore. Use arrow functions instead:

this.socket.on('someEvent', (data) => {

answered Nov 5, 2016 at 14:40

Günter Zöchbauer

662k235 gold badges2.1k silver badges1.6k bronze badges

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

Collectives™ on Stack Overflow

Angular2: View is not updating from Socket.io event

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