D3.js и Angular конфликт элементов

Question

Используя D3.js в моем проекте Angular 6, я выбираю элемент и добавляю в него текст.После этого я хочу вызвать функцию 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");
}

Может кто-нибудь подсказать, как вызватьфункция, определенная в моем файле component.ts в d3 при событии щелчка.

Answer 1

Назначьте this переменной и вызовите функцию через переменную.

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