错误范围内的回拨

Question

我遇到问题，不记得如何解决此问题。我正在订阅来自第三方指令的回调，但未被正确范围回调。我的意思是，当它命中我的控制器this实际上是一些其他范围我不能完全弄清楚，所以它不能访问任何成员变量。我如何回到我的控制器范围？

<ui-gmap-layer type="HeatmapLayer" onCreated="$ctrl.heatLayerCallback"></ui-gmap-layer> 

组件控制器：

heatLayerCallback(heatLayer: google.maps.visualization.HeatmapLayer) { 
    this.heatMapLayer = heatLayer; 
    // 'this' here is not my controller 
} 

如果我改变呼叫回

<ui-gmap-layer onCreated="$ctrl.heatLayerCallback(layer)"></ui-gmap-layer> 

然后我的回调执行的权利范围（即我的控制器），但参数layer丢失;/

备注

我用的打字稿，角1.6和角分量

Answer 1

你可以使用bind回调绑定到你想要的（控制器），或者简单的回调，并通过访问之前将其存储在另一个新变量的上下文回调中的那个变量。

喜欢的东西：

var heatLayerCallback = (function(heatLayer: google.maps.visualization.HeatmapLayer) { 
    this.heatMapLayer = heatLayer; 
    // 'this' here is now the same as the 'this' outside/below 
}).bind(this); // bind to this or whatever context you want 

...或：

var that = this; // store this or whatever context you want 
... 
heatLayerCallback(heatLayer: google.maps.visualization.HeatmapLayer) { 
    that.heatMapLayer = heatLayer; 

的准确语法可能会因您的报价代码的居住地变化（例如寻找到“本”是你想要什么，或者使用任何上下文而不是“this”）。