How to link JavaScript files in angular 4?

Question

I am using angular 4 and i want use my JavaScript file to work globally and i have declared like this. index.html <script src="assets/js/jquery-1.11.1.min.js"></script> <script src="assets/js/bootstrap.min.js"></script>

it is working when i have to use them in app-component.html, but problem is that i have another project which as different folders for different pages it is not working there.

if use the same code in app.component.html it is working fine, but i have different pages within that app/layouts/projects/, here in projects it is not working when i declare js link in the index.html, it works fine in app folder but not working inside it's sub-folder

just add jquery and bootstrap to your package.json(webpack) and do npm i or npm install jquery and bootstrap. Then import it your component and use. — nithalqb
– nithalqb, Commented Feb 5, 2018 at 9:41
If you want to add your js stackoverflow.com/questions/44817349/… — Tony
– Tony, Commented Feb 5, 2018 at 9:43
If you want to add bootstrap and Jquery stackoverflow.com/questions/43557321/… — Tony
– Tony, Commented Feb 5, 2018 at 9:46
thanks a lot, if i wan't to add any external JavaScript files what should i do like <script src="assets/js/hello.js"></script> — Hemanth
– Hemanth, Commented Feb 5, 2018 at 9:47

Tushar Nikam · Accepted Answer · 2018-02-05 09:39:45Z

0

No need to add jquery directly in html file. You can do this:

1) npm install jquery --save
2) npm install @types/jquery --save
3) in your component : declare var $ :any;

answered Feb 5, 2018 at 9:39

Tushar Nikam

6245 silver badges13 bronze badges

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

7 Comments

Hemanth Over a year ago

thanks a lot, if i wan't to add any external JavaScript files what should i do like <script src="assets/js/hello.js"></script>

Tushar Nikam Over a year ago

you can include extra script in angular-cli.json

Tushar Nikam Over a year ago

Don't include src in path. So path will be : "scripts": ["./assets/js/hello.js"]

Hemanth Over a year ago

yeah i did in the same way, is there any option to declare in index.html and access it.

Tushar Nikam Over a year ago

You can include in index.html file but you should not do it. What error you are getting while declaring in angular-cli ?

|

Collectives™ on Stack Overflow

How to link JavaScript files in angular 4?

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related