首页 > 解决方案 > 如何从从 index.html 导入的 Javascript 脚本中访问全局变量和函数并在组件中使用它们?

问题描述

我正在使用 Angular 6,并且我有一个需要在项目中使用的私有 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
}
......

错误:使用时找不到名称 doXYZng serve

标签: javascriptangulartypescriptangular6

解决方案


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

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

window['doXYZ']();

window可全球访问。


推荐阅读