Angular loading specific 3rd party scripts in partial views ui-router

Question

In my app I have ui-router set up, and in one particular state i.e. "MAP" I want to load a 3rd party Javascript file.

Right now I have it as part of my Index.html at the bottom of the page. But i thought it would be better practice to only load this in view which needs it.

What is the best way to include this script in only specific partial views ?

Incredible - I was just about to ask the same question!

CodyBugstein
– CodyBugstein

2014-12-17 20:36:30 +00:00
Commented Dec 17, 2014 at 20:36 — CodyBugstein
– CodyBugstein, Commented Dec 17, 2014 at 20:36

CodyBugstein · Accepted Answer · 2014-12-17 20:46:36Z

1

Turns out you can simply include the <script> tag in your partial. Works perfectly fine for me.

Also, if you have a window.onload function, you can replace it with a self invoking function like

(function(param){
     alert("partial running");
     bla bla....
})();

so it will run when the partial is pulled up.

answered Dec 17, 2014 at 20:46

CodyBugstein

23.5k69 gold badges226 silver badges386 bronze badges

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

Collectives™ on Stack Overflow

Angular loading specific 3rd party scripts in partial views ui-router

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