“这个”在处理角传单点击事件时迷路

Question

一旦我捕捉到传单标记上的点击事件并转到相关的函数，我就会为当前上下文释放它。

标记创建代码：

const marker=L.marker（[lon，lat]，c）.addEventListener（“单击”，this.onclickRainsion）.addTo（映射）；

与之相关的功能是：

private onClickRainFall(e){
var sourceUrl2 = "a.b.c.d/" + e.sourceTarget.options.properties.abc;
this.getData(sourceUrl2);

}

在这里，当我试图访问this.get数据时，在运行时我得到错误"错误类型错误：this.get数据不是一个函数"

getData的函数定义为：

public getData(sourceUrl){
console.log('I  am called');
this.dataService.getData(sourceUrl).subscribe(data => {
  this.myData = JSON.parse(data);
  console.log(this.myData);
});

}

请让我知道如何解决这个问题，并得到适当的参考。

Answer 1

也许是个更简单的选择

const marker = L.marker([lon, lat], c).addEventListener("click", (e) => this.onClickRainFall(e)).addTo(map);

随着这个成为一个价值

Answer 2

您需要将上下文绑定到关联的函数。

this.onClickRainFall.bind(this)

Answer 3

在触发eventListener之前将this分配给另一个变量，然后使用新变量代替this。

例子：

let that = this;
const marker = L.marker([lon, lat], c).addEventListener("click", function() {
    var sourceUrl2 = "a.b.c.d/" + e.sourceTarget.options.properties.abc; that.getData(sourceUrl2);
    }).addTo(map);