如何在 angular 组件中使用 javascript 变量

Question

我在 my.ts 文件中有一些 javascript 代码（我用于 mapbox），用于 angular 组件。 我希望在我的 typescript 代码中使用来自该 javascript 代码 (polygonCoordinates[]) 的变量，但我不确定如何使用。 我已经在我的代码中包含了 ngOnInit() 部分。

我已经尝试直接从 javascript 部分使用它，但这没有用。 任何帮助将不胜感激，因为我是新手。

  ngOnInit() {

    let script = this.renderer2.createElement('script');
    script.type = `application/javascript`;
    script.text = `
          var polygonCoordinates = [];   
          //and then there's some code for mapbox
        });
    `;
    this.renderer2.appendChild(this.document.body, script);

}

Answer 1

变量polygonCoordinates在全局 scope 中声明，可以从任何地方访问，如window.polygonCoordinates

 var script = document.createElement('script'); script.type = 'application/javascript'; script.text = "var polygonCoordinates = 'hello'"; document.head.appendChild(script); // from anywhere console.log(window.polygonCoordinates) //hello

Answer 2

首先请参考 var 的类型，例如： studentUpdateDetails:any = []; 然后像这样使用它： this.studentUpdateDetails = [{"key":"value"},{"key":"value"},{"key":"value"},{"key":"value"}]