Warum ist myVar undefiniert?

Question

Wenn ich bekomme mein Socket-Ereignis drawMouse & meine draw() Funktion heißt myVar ist undefiniert. Warum kann ich nicht über den Callback von socket.on auf this.myVar zugreifen?

import { Component, OnInit } from '@angular/core'; 

import * as io from 'socket.io-client'; 


@Component({ 
    selector: 'app-test', 
    templateUrl: './test.component.html', 
    styleUrls: ['./test.component.css'] 
}) 
export class TestComponent implements OnInit { 
    myVar:string; 

    constructor(){ 
    this.socket = io("http://localhost:4300"); 
    this.myVar = "hello" 

    } 

    ngOnInit() { 
     this.socket.on('drawMouse', function(data){ 
      this.draw(data) 
     }) 
    } 

    draw(){ 
    //this variable is undefined 
    console.log(this.myVar); 
    } 
} 

Answer 1

Da this Inneren der Buchse Rückruf wird beziehe nicht an die Komponente.

Versuchen:

this.socket.on('drawMouse', (data)=>{ 
      this.draw(data) 
     })