I have the following directive:
.directive('tractionReport', function () {
return {
restrict: 'E',
templateUrl: 'reports/traction.html'
};
});
reports/traction.html:
<div id="traction">
</div>
<script type="text/javascript" src="https://link.to.some.script/script.js"></script>
<script type="text/javascript">
script.events.on('ready', function () {
$('#traction').Timeline(options);
});
</script>
When I use the inspect element in Chrome I can see that the template is being added correctly to the page and I can see the scripts there too, however nothing is actually being loaded. When I view the 'network' tab I can see that the js script is not being fetched.