Javascript 在8个编译脚本(main.js、polyfill.js等)之后添加脚本
在Angular 8构建的主要应用程序脚本之后,我们是否有办法加载外部脚本,如第三方网站提供的脚本?我们已经尝试将它们放在index.html的末尾,但在使用ng-prod构建后,它们仍然在main.js、polyfill.js和其他应用程序脚本之前加载。要加载外部脚本,Angular应用程序完成初始化后,您可以通过在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');
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/
您能否将我链接到更多教程,以了解更多信息。我不是一个真正的程序员,但我希望能够解决这个问题,我们加载其他脚本之前,我们的主要和滞后的网页加载。我已经更新了我的答案。通过搜索“外部脚本”,您将找到许多其他资源。非常感谢!是否可以将“延迟”添加到这些脚本中?