javascript - 您如何从从 index.html 导入的 Javascript 脚本访问全局变量和函数并在组件中使用它们？

Question

我正在使用 Angular 6，并且我有一个需要在项目中使用的私有(private) JavaScript 库。我将它导入到 index.html 文件中。该项目使用全局间隔函数。我如何在组件内部访问它们。 Angular 不会给我错误，也不会识别它们。

index.html
.....
<script src="https://somefile.js type="text/javascript" charset="utf-8">
.....

// has a function 
doXYZ()  in the global namespace


somecomponent.ts
......

ngOnInit() {
    doXYZ()  //try to call globally imported function
}
......

ERROR: Cannot find name doXYZ when using ng serve

Answer 1

您可以访问 window 对象上的全局命名空间。

尝试像这样访问您想要的功能:

window['doXYZ']();

window 是全局可访问的。