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 one way of getting scripts to load high up in the page rendering.
+'''Note'''! Using AppWideAngularScriptIncludes is one way to get 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 Components|EXT_Component]] more self sufficient and complete.
+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.
-For example;
+For example:
- if (typeof beenhere === 'undefined') {
+[[File:2021-04-02 16h36 01.png|none|thumb|656x656px]]
-   beenhere=true;
+The image above shows a per component AppWideAngularScriptInclude file - thus removing the need for the EXT_Scripts/AppWideAngularScriptInclude file.
-   var script = document.createElement('script');
-   script.onload = function () {
-                 scriptloaded=true;
-                 console.log('PayPal Script was loaded');
-                    };
-   script.src = "<nowiki>https://www.paypal.com/sdk/js?client-id=</nowiki>"+"[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.
+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:
@@ Line 25: / Line 17: @@
   <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}}