Note! The use of AppWideAngularScriptIncludes is one way of getting scripts to load high up in the page rendering.

Recently we also started to load the scripts dynamically within the EXT_Component by adding a script tag to the DOM, this makes the EXT_Component more self sufficient and complete.

For example;

if (typeof beenhere === 'undefined') {  
  beenhere=true;  
  var script = document.createElement('script');  
  script.onload = function () {    
                scriptloaded=true;    
                console.log('PayPal Script was loaded');   
                   };  
  script.src = "https://www.paypal.com/sdk/js?client-id="+"[ViewModelColumnLabel]"; 
  document.head.appendChild(script);   } 

The above code checks if the script tag exists - and if it does not it is injected - thus removing the need for the AppWideAngularScriptInclude entry.

AppWideAngularScriptIncludes

In MDriven Turnkey for AngularJS you can add a file AppWideAngularScriptIncludes.html in EXT_Scripts.

The contents will be included in your app before Angular compile.

Typical content is:

<script src="/EXT_Scripts/BoardComponentScriptsThatUseDirectivesAndSuch.js"></script>
<script src="/EXT_Scripts/GanttComponentScriptsThatUseDirectivesAndSuch.js"></script>
<script src="/EXT_Scripts/<YourScript>.js"></script>

Check out more information in the video ☛ Plugins in Turnkey