D3.js和Angular'this'元素冲突

Question

在Angular 6项目中使用D3.js，我正在选择一个元素并在其中添加一些文本。之后，我想调用我的typeScript函数，但是this引用了D3.js元素。

这是示例代码：

MyVisulizationFuncn(){
d3.select("p").text("Thanks for your time to solve this").on("click", this.myFunciton());
}

myFunciton(){
console.log("I finally get called");
}

有人可以建议如何在点击事件中调用d3中我在同一component.ts文件中定义的函数。

Answer 1

将this分配给变量，然后通过变量调用该函数。

MyVisulizationFuncn(){
  let th = this;
  d3.select("p").text("Thanks for your time to solve this").on("click", th.myFunciton());
}