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
– dream88, Commented Dec 12, 2018 at 9:51
first time script is not loading after refresh the window it load the script so that i have used — Gayu. Akilan
– Gayu. Akilan, Commented Dec 12, 2018 at 10:00

mika · Accepted Answer · 2018-12-12 10:05:26Z

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, 2018 at 10:05

answered Dec 12, 2018 at 9:58

mika

3431 silver badge14 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Gilsdav Over a year ago

Or in angular.json for the current version of the CLI : github.com/angular/angular-cli/wiki/stories-global-scripts

Gayu. Akilan Over a year ago

if i add the script in angular json in first time while refreshing the page it has load

Collectives™ on Stack Overflow

Angular load the script only once

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related