在Angular组件和js脚本之间交换数据。

Question

我希望我的问题作为没有问之前。

我正在使用Angular9和一个JS插件（A-Frame）。

我准备了一个脚本是获取数据，我想返回这些数据在我的组件Angular管理他的后。

AFRAME.registerComponent('cursor-listener', {
  init: function () {
      this.el.addEventListener('click', function (evt) {
          console.log('I was clicked at: ', evt.detail.intersection.object);
      });
  }
});

在你看到上面的脚本中，控制台日志返回的信息是对我有用的。我希望能够在我的angular组件中返回它们，以便以后处理这些信息。

我是这个框架的初学者，所以原谅我的无知。

谢谢你的未来回应，我等着看你。

Answer 1

你可以使用箭头函数符号来引用类成员变量，使用 this 关键字。在传统的JS函数中。this 关键字指的是函数的范围。

intersectionObj: any;

AFRAME.registerComponent('cursor-listener', {
  init: () => {         // <-- arrow function here
    this.el.addEventListener('click', (evt) => {       // <-- and here
      console.log('I was clicked at: ', evt.detail.intersection.object);
      this.intersectionObj = evt.detail.intersection.object;
    });
  }
});