How to load external Javascript in Angular 8 application

Asked Jun 13 '20 at 18:18

Active Jun 13 '20 at 18:18

Viewed 104 times

I'm building an application on Angular 8 and in one of my components I whish to include drag.js which contains the following code:

window.addEventListener("load", () => {
     doStuff();
})

I've added drag.js to my scripts secction in angular.json

"scripts": [ "src/assets/scripts/drag.js" ]

And have imported it in Angular view such as:

<script src="assets/scripts/drag.js"></script>

The problem here is the file isn't served and no code runs when the page loads. Maybe this is not possible. Any help here?

asked Jun 13 '20 at 18:18

user3466681

Where did you add the ` – Alisson Reinaldo Silva Jun 13 '20 at 18:31
I added the ` – user3466681 Jun 13 '20 at 19:55
What do you mean by angular view? You mean `index.html` or the .html of your component? – Alisson Reinaldo Silva Jun 13 '20 at 21:27
Why don't you call doStuff in your component's ngOninit for instance? – David Jun 13 '20 at 22:35
@Alisson - I mean the component itself. – user3466681 Jun 14 '20 at 11:20
@David - If you take a look at the script code, what happens here is a binding when page loads, so idealy the script should run on it's own after beeing loaded. – user3466681 Jun 14 '20 at 11:22
Just add the script dynamically then: https://stackoverflow.com/q/34489916/1160794 – David Jun 14 '20 at 11:31

0 Answers0