Search code examples
javascriptjqueryangularjsangular-ui-routerscript-tag

How to run an script within a html template in Angular

I have an AngularJS application using ui-router that ng-repeats a piece of partial html that looks something like this

<div 
  class="event-tile"
  ng-class="{
    'first': (first), 
    'last': (last), 
    'full-width': (first && desktop)
  }">

  <script src="//xyz.com/script"></script>

</div>

Everything works great, but the script within the script tag isn't being triggered. It's on the page, but never runs. Is there anyway to trigger it to run?

I've tried solutions at Why ng-scope is added to javascript inline of my partial view and makes alert not working? but didn't work nevertheless.

Solution

  • It looks like including jQuery before AngularJS solved the issue.