Angular2 - свойство класса не определено, даже если она установлена ​​

Question

У меня следующий, очень простой angular2 службы:

@Injectable() 
export class DrawingService { 
    private _draw:Draw; 

    constructor(private mapSvc:MapService) {} 

    initialize(geometry: GeometryType):void { 
     this._draw = new Draw(this.mapSvc.getMap()); 
     this._draw.on("draw-end", this.addGraphic); 
     this._draw.activate(geometry); 
    } 


    addGraphic(evt):void { 
     this._draw.deactivate(); 
    } 
} 

В initialize, я устанавливаю метод addGraphic как обратного вызова. Теперь проблема заключается в том, что в рамках выполнения addGraphic значение this._draw не определено.

В чем проблема?

Answer 1

Если вы передаете ссылку метод как

this._draw.on("draw-end", this.addGraphic); 

ссылка на this указывает на функции вызывающего абонента.

Если вы используете вместо

this._draw.on("draw-end", this.addGraphic.bind(this)); 

он должен работать, как ожидалось.

В качестве альтернативы вы также можете использовать функции стрелок, но для этого требуется повторить параметры (если необходимо, чтобы они были переданы).

this._draw.on("draw-end", (param) => this.addGraphic(param)); 

Answer 2

Переместите код в ngOnInit() вместо конструктора. Вам придется реализовать OnInit.