Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在8个编译脚本(main.js、polyfill.js等)之后添加脚本_Javascript_Angular - Fatal编程技术网

Javascript 在8个编译脚本(main.js、polyfill.js等)之后添加脚本

Javascript 在8个编译脚本(main.js、polyfill.js等)之后添加脚本,javascript,angular,Javascript,Angular,在Angular 8构建的主要应用程序脚本之后,我们是否有办法加载外部脚本,如第三方网站提供的脚本?我们已经尝试将它们放在index.html的末尾,但在使用ng-prod构建后,它们仍然在main.js、polyfill.js和其他应用程序脚本之前加载。要加载外部脚本,Angular应用程序完成初始化后,您可以通过在DOM中添加节点来“手动”添加它 loadScript(){ const scriptElement=this.document.createElement('script');

在Angular 8构建的主要应用程序脚本之后,我们是否有办法加载外部脚本,如第三方网站提供的脚本?我们已经尝试将它们放在index.html的末尾,但在使用ng-prod构建后,它们仍然在main.js、polyfill.js和其他应用程序脚本之前加载。要加载外部脚本,Angular应用程序完成初始化后,您可以通过在
DOM
中添加
节点来“手动”添加它

loadScript(){
const scriptElement=this.document.createElement('script');
scriptElement.src='1〕https://....js';
scriptElement.type='text/javascript';
const headElements=this.document.getElementsByTagName('head');
headElements[0]。appendChild(scriptElement);
}
然后,您可以在
组件构造函数
应用程序模块构造函数
中调用此方法:

app.module.ts:

导出类AppModule{
构造函数(){
这个.loadScript();
}
loadScript(){
...
}
}
有关[本教程][1]的更多详细信息。
[1]: http://www.lukasjakob.com/how-to-dynamically-load-external-scripts-in-angular/

您能否将我链接到更多教程,以了解更多信息。我不是一个真正的程序员,但我希望能够解决这个问题,我们加载其他脚本之前,我们的主要和滞后的网页加载。我已经更新了我的答案。通过搜索“外部脚本”,您将找到许多其他资源。非常感谢!是否可以将“延迟”添加到这些脚本中?