在Angular 7中,在组件中使用外部脚本的解决方法如下:
angular.json
文件中,找到scripts
数组。在这个数组中,添加你要使用的外部脚本的路径。例如:"scripts": [
"src/assets/external-script.js"
]
declare
关键字来声明外部脚本中定义的变量。例如,如果你的外部脚本定义了一个全局变量externalFunction
,你可以在组件中这样声明它:declare var externalFunction: any;
ngOnInit
方法中,调用外部脚本中的函数。例如:ngOnInit() {
externalFunction();
}
这样,当组件初始化时,外部脚本中的函数将被调用。
完整示例代码如下:
在angular.json
中添加外部脚本路径:
"scripts": [
"src/assets/external-script.js"
]
在组件类中声明外部脚本中的变量:
declare var externalFunction: any;
在ngOnInit
方法中调用外部脚本中的函数:
ngOnInit() {
externalFunction();
}
请注意,此解决方法假设你已经将外部脚本文件放置在项目的src/assets
文件夹中。根据你的实际情况,你可能需要调整脚本文件的路径。