Angular2 Call javascript API when router changes page

Question

I have an Angular2 component that has a template which requires a JavaScript calls to load it's html component, Ex. Facebook, Google Maps and some custom scripts.

The scripts are already loaded in the index.html and i just need to call them to update it's contents.

How do i call my javascript methods in angular2 when the view is changed again.

Code Example;

myJavaScript.js

loadData(){
...
}
$(document).load(loadData());

now i want to call my loadData() everytime the router views my component again.

@ArpitAgarwal but how do i use my javascript method inside it? the compiler won't allow it. — Newbie
– Newbie, Commented Jul 25, 2016 at 12:13
On top of ya file try declare function foo();///js function. I assume your js function is available as global object. Now call that function foo in in ngOnInit() — Arpit Agarwal
– Arpit Agarwal, Commented Jul 25, 2016 at 12:17
@ArpitAgarwal please put that as an answer so i can select it! Thanks — Newbie
– Newbie, Commented Jul 25, 2016 at 12:25

Arpit Agarwal · Accepted Answer · 2016-07-25 15:54:55Z

1

On top of your file declare function foo();///js function It assume your js function is available as global object. Now call that function foo in in ngOnInit() lifecycle of your component

answered Jul 25, 2016 at 15:54

Arpit Agarwal

4,03327 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

Angular2 Call javascript API when router changes page

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related