Dynamic Script In Angular

create-dynamic-script-in-angular.ts

  /**
   * Append script to HTML page
   * 
   * 
   * @param src {string}
   */
  createScript(src: string): void {
    const configsScript = document.createElement('script');
    configsScript.type = 'text/javascript';
    configsScript.innerText = `
    var data = {
       // script data here
       }
    `;
    this.renderer.appendChild(document.body, configsScript);
    const script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = src;
    this.renderer.appendChild(document.body, script);
  }