Documentation:AppWideAngularScriptIncludes: Difference between revisions

AppWideAngularScriptIncludes

Latest revision as of 07:24, 15 April 2024

Note! Using AppWideAngularScriptIncludes is one way to get scripts to load high up in the page rendering.

In addition, we also started loading this appwideangularscriptincludes.html file from each EXT_Components folder. This makes the EXT_Component more self-sufficient and complete.

For example:

The image above shows a per component AppWideAngularScriptInclude file - thus removing the need for the EXT_Scripts/AppWideAngularScriptInclude file.

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 compiles.

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

Also be aware that on Linux file names are case sensitive and this particular file is access with small charachters: appwideangularscriptincludes.html

This page was edited 32 days ago on 04/15/2024. What links here

@@ Line 1: / Line 1: @@
-'''Note'''! The use of AppWideAngularScriptIncludes is an old way of getting scripts to load high up in the page rendering. Recetly I myself has however started to load the scripts dynamically within the EXT_Component by adding a script tag to the DOM, this makes the [[EXT Components|EXT_Component]] more self sufficient and complete:
+'''Note'''! Using AppWideAngularScriptIncludes is one way to get scripts to load high up in the page rendering.
- if (typeof beenhere === 'undefined') {
-   beenhere=true;
+In addition, we also started loading this appwideangularscriptincludes.html file from each EXT_Components folder. This makes the [[EXT Components|EXT_Component]] more self-sufficient and complete.
-   var script = document.createElement('script');
-   script.onload = function () {
+For example:
-                 scriptloaded=true;
+[[File:2021-04-02 16h36 01.png|none|thumb|656x656px]]
-                 console.log('PayPal Script was loaded');
+The image above shows a per component AppWideAngularScriptInclude file - thus removing the need for the EXT_Scripts/AppWideAngularScriptInclude file.
-                    };
-   script.src = "<nowiki>https://www.paypal.com/sdk/js?client-id=</nowiki>"+"[ViewModelColumnLabel]";
-   document.head.appendChild(script);   }
 ====== AppWideAngularScriptIncludes ======
-In MDriven Turnkey for AngularJS you can add a file AppWideAngularScriptIncludes.html in EXT_Scripts.
+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.
+The contents will be included in your app before Angular compiles.
 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]]
+Also be aware that on Linux file names are case sensitive and this particular file is access with small charachters: appwideangularscriptincludes.html
 [[Category:MDriven Turnkey]]
 [[Category:AngularJS]]
+{{Edited|July|12|2024}}