Documentation:AppWideAngularScriptIncludes: Difference between revisions

AppWideAngularScriptIncludes

Revision as of 14:38, 2 April 2021

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 this appwideangularscriptincludes.html file from each EXT_Components folder. This makes the EXT_Component more self sufficient and complete.

For example;

The image 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 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

This page was edited 31 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.
-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.
+Recently we also started to load this appwideangularscriptincludes.html file from each EXT_Components folder. This makes the [[EXT Components|EXT_Component]] more self sufficient and complete.
 For example;
- if (typeof beenhere === 'undefined') {
+[[File:2021-04-02 16h36 01.png|none|thumb|656x656px]]
-   beenhere=true;
+The image 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 ======