Angular load the script only once

Question

This is my code

ngOnInit() {
   this.loadScript('./assets/js/jquery.dataTables.min.js');
   this.loadScript('./assets/js/datatable.js');
   this.loadScript('./assets/js/common.js');
}

When page loading each time js has loadedenter image description here

Why are you doing this explicitly. everything in `assets` folder is automatically served — dream88, Dec 12 '18 at 09:51
first time script is not loading after refresh the window it load the script so that i have used — Gayu. Akilan, Dec 12 '18 at 10:00

mika · Answer 1 · 2018-12-12T10:05:26.447

2

You shouldn't do the loading of your scripts in the ngOnInit(), that way it will happen mulitple times. You can add your scripts do the .angular-cli.jsonfile, to do this have a look at this answer.

Or for the current CLI in the angular.json, refer to this for more information.

edited Dec 12 '18 at 10:05

answered Dec 12 '18 at 09:58

mika

343
1
14

1

Or in `angular.json` for the current version of the CLI : https://github.com/angular/angular-cli/wiki/stories-global-scripts – Gilsdav Dec 12 '18 at 10:02
if i add the script in angular json in first time while refreshing the page it has load – Gayu. Akilan Dec 12 '18 at 10:04

Angular load the script only once

1 Answers1