在 Angular 中，如何访问在 iife 中初始化的全局变量？

Question

我对 Angular 还很陌生，所以请耐心等待。 我正在将一个应用程序从 Asp.net MVC5 升级到 Angular，该应用程序所做的一件事是通过从第 3 方下载 javascript 文件连接到第 3 方系统，以通过对象建立凭据和通信。 看起来对象是一个 iife，所以只要 js 文件加载，对象就会被初始化。 我已经找到了一种通过将脚本添加到文档的头部来在我的组件中动态加载脚本的方法，我遇到的问题是如何在 iife 执行后在我的组件中获取该对象。 我知道正在加载外部文件并初始化对象，因为我可以在浏览器的开发工具中看到它。 这个 JavaScript 文件不是我可以从 npm 获得的，也不是我可以添加到我的资产文件夹中的，不幸的是，这是我目前找到的全部内容。

Answer 1

您可以在组件内创建一个变量并修改 iife 以使用您想要存储的数据来设置该变量，如下所示。

export class MyComponent{

    MyNewVariable: string; //or make it whatever type you need

    constructor(){}

    (function(){
        //do stuff
        this.MyNewVariable = data; //data being whatever you want to store in the var
    })();
}

完成后，您可以运行另一个以某种方式使用数据的函数。