How to load js files from Angular assets folder to specific Angular(2,4,5) component or module?

Question

I have custom1.js, custom2.js, custom3.js JS files and load these files into Angular component1,component2,component3 respectively. I can add these files to the index.html files but Don't want to load these files globally.

Need to load these files component specific. Also, I went throw this Stackoverflow answer but not getting exactly way to solve this problem. Is there any other ways to solve this problem.?

Thank in advance.

@KrzysztofRaciniewski As per my knowledge Angular means Angular 2,4,5 which works with Typescript as well as Javascript and AngularJS means AngularJS (v1) which works with only Javascript. Still, I update the question. — ranjit redekar
– ranjit redekar, Commented Mar 15, 2018 at 12:17
This would depend on what the contents of your custom.js file is. Loading a file, even in a component would load it globaly if you don't take the correct precautions. — Mathieu de Lorimier
– Mathieu de Lorimier, Commented Mar 15, 2018 at 13:02

Shane · Accepted Answer · 2018-05-15 20:28:47Z

3

You will need to add the js files to your angular-cli.json and then import them into each component as needed at the top of the component.ts file as follows

declare const custom1: any

edited May 15, 2018 at 20:28

answered Mar 15, 2018 at 12:16

Shane

6791 gold badge9 silver badges20 bronze badges

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

2 Comments

ranjit redekar Over a year ago

I already try this but facing custome1.js is not module. It would be great if you can give the detailed example.

Shane Over a year ago

in custome1.js you would bind your function to window.custome1, this would allow it to be accessible then

Collectives™ on Stack Overflow

How to load js files from Angular assets folder to specific Angular(2,4,5) component or module?

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related