在 Angular 8 编译脚本（main.js、polyfill.js 等）之后添加脚本

Question

有没有办法在我们由 Angular 8 构建的主要应用程序脚本之后加载外部脚本，例如由 3rd 方网站提供的脚本？我们已经尝试将它们放在 index.html 的末尾，但在使用 ng -prod 构建后，这些仍然会在 main.js、polyfill.js 和其他应用程序脚本之前加载

Answer 1

要在 Angular App 完成初始化后加载外部脚本，您可以通过<script>在DOM.loadScript() {&nbsp; &nbsp;const scriptElement = this.document.createElement('script');&nbsp; &nbsp;scriptElement.src = 'https://....js';&nbsp; &nbsp;scriptElement.type = 'text/javascript';&nbsp; &nbsp;const headElements = this.document.getElementsByTagName('head');&nbsp; &nbsp;headElements[0].appendChild(scriptElement);}component constructor那么您可以在 a或您的app module constructor:中调用此方法app.module.ts：export class AppModule {&nbsp; constructor() {&nbsp; &nbsp; this.loadScript();&nbsp; }&nbsp; loadScript() {&nbsp; &nbsp; ...&nbsp; }}more details with [this tutorial][1].&nbsp; [1]: http://www.lukasjakob.com/how-to-dynamically-load-external-scripts-in-angular/