Documentation:AppWideAngularScriptIncludes

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);   } 

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