在 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() {

   const scriptElement = this.document.createElement('script');

   scriptElement.src = 'https://....js';

   scriptElement.type = 'text/javascript';

   const headElements = this.document.getElementsByTagName('head');

   headElements[0].appendChild(scriptElement);

}

component constructor那么您可以在 a或您的app module constructor:中调用此方法

app.module.ts：

export class AppModule {

  constructor() {

    this.loadScript();

  }

  loadScript() {

    ...

  }

}

more details with [this tutorial][1].

  [1]: http://www.lukasjakob.com/how-to-dynamically-load-external-scripts-in-angular/