时间戳

首页 > 解决方案 > 在 Angular 组件和 js 脚本之间交换数据

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

问题描述

我希望我的问题以前没有问过。

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

我准备了一个脚本来获取数据，我想以我的组件角度返回这些数据以管理他的之后。

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

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

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

感谢您对未来的回应，我等着读您。

标签： javascriptangularcomponents

解决方案

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;
    });
  }
});

推荐阅读