Fügen Sie Javascript externe Datei, wenn in AngularJS erlaubt

Question

Ich brauche für meine HTML-Seite zu definieren, die nur eine Javascript externe Datei laden, wenn die Variable $scope.jsallowed auf true gesetzt ist, also habe ich versucht, diesen Code: (Meine Seite auf AngularJS basiert) in html:

<script src="assets/js/slider.min.js" data-ng-if="jsallowed"></script> 

in JS:

$scope.jsallowed = false; 

(Beachten Sie, dass ich die Anwendung gesetzt und Controller und ... aber ich eingeschlossen nur Codes, die Sie hier benötigen.) aber das Problem ist, mein Javascript f ile lädt noch. Während es nicht sollte. Wie kann ich meinen Code verbessern, um zu verhindern, dass er geladen wird, bis ich die Variable jsallowed auf true setze?

Answer 1

Leider wird data-ng-if = "jsallowed" nicht den gewünschten Trick machen. Was Sie tun können, stattdessen das Skript wird geladen asynchron direkt in Ihrem JavaScript mit so etwas wie diese Datei:

<script> 
var resource = document.createElement('script'); 
resource.src = "assets/js/slider.min.js"; 
var script = document.getElementsByTagName('script')[0]; 
script.parentNode.insertBefore(resource, script); 
</script>