Dynamic-Script-Loader

This Angular Module allows you to dynamically inject scripts into the index.html (top level) and initializes the script.

This allows for the usage of javascript libraries without the need to add them to your angular.js in the scripts: [] section.

Installation

npm install dynamic-script-loader

Scaffolding

Import the module into your project under imports

imports: [
    BrowserModule,
    AppRoutingModule,
    DynamicScriptInjectorModule
  ],

Use

Import the service into your component

import { DynamicScriptInjector } from 'dynamic-script-injector';

Import the service into the constructor

private scriptInjector: DynamicScriptInjector

Loading a Single Script

You can load a single script using the following

const sScript = ""
load("./samplefolder/samples/script.js")

Loading Multiple Scripts

For multiple script loading, create an array of script paths

const scripts = ["./samplefolder/samples/script-1.js", "./samplefolder/samples/script-2.js"]
loadAll(scriptUrls: string[])

Here is a sample of a component setup

export class AppComponent implements OnInit {

  constructor(
    private scriptInjector: DynamicScriptInjector
    ) {}

  ngOnInit() {

    const scripts = ["./samplefolder/samples/script-1.js", "./samplefolder/samples/script-2.js"]
    loadAll(scriptUrls: string[])

  }

}