在Angular项目中实施xApi技术

Question

当前正在使用xApi技术，并且遇到了一些问题。

实际上，我想在Angular项目中使用xApi，以便跟踪用户在网站上的所有操作（帐户创建，删除...）。

我的问题是，使用npm xapiwrapper获取我需要使用的每个xApi js函数，我找不到在Angular项目中实现xApi函数的任何方法。

我尝试了在Angular中实现js文件的常用方法，我也尝试遵循有关如何在Angular 6/7中实现JS的教程，但是我仍然不明白为什么到目前为止没有任何效果。

有一个xapiWrapper文件，其中包含我需要用来将数据发送到LRS的每个js函数，并且我有一个自定义js文件，该文件使用了包装函数以及我需要使用的用户的邮件+名称“关注”。

我已经尝试用html和angular json文件以通常的方式调用我的js文件。 我还遵循了有关如何在Angular中实现js文件的教程，但实际上仍然没有任何效果...

// xApi function i need to use : 
function sendStarted() {
  var startedStatement = {
    "actor": {
      "mbox": "mailto:" + email,
      "name": name,
      "objectType": "Agent"
    },

    "verb": {
      "id": "https://w3id.org/xapi/dod-isd/verbs/started",
      "display": { "en-US": "started" }
    },

    "object": {
      "id": "http://learningdojo.net/xapi/simple_button",
      "definition": {
        "name": { "en-US": "Simple button started" },
        "description": { "en-US": "User clicked on the started button." }
      },
      "objectType": "Activity"
    }
  };

  ADL.XAPIWrapper.sendStatement(startedStatement);

  // Alert message
  alert('Started statement has been sent!')
}

LRS配置位于xApiwrapper.js文件中。

所以这是我的问题：在Angular Project中可以以任何方式使用或实现外部xApi js文件（xapiWrapper，xapi动词，语句…），还是可以在我的应用程序组件中使用它。

感谢您的时间和回答。