Добавление скриптов после Angular 8 скомпилированных скриптов (main. js, polyfill. js, et c)

Question

Есть ли способ, которым мы можем загружать внешние скрипты, такие как предоставленные сторонними веб-сайтами, после наших основных прикладных скриптов, созданных Angular 8? Мы попытались поместить их в конец индекса. html, но они все еще загружаются до main. js, polyfill. js и других сценариев приложения после сборки с использованием ng -prod

Answer 1

Чтобы загрузить внешний скрипт после Angular Приложение завершило инициализацию , вы можете добавить его "вручную", добавив узел <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 или 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/