angular - Anfügen und Ausführen von Skripten innerhalb von ng-view, bevor der Template-Inhalt angehängt wird

Question

Da Skript nicht in Templates geladen werden kann, weil Angulars jQLite nicht dafür geschrieben wurde, entschied ich, jQuery-Bibliothek vor Angular hinzuzufügen da es nach jQuery-Existenz und voila! sucht, funktioniert es. Aber die Tatsache, dass ich hier eine Frage stelle, bedeutet, dass es ein "Aber" gibt, also wird das Skript nicht ausgeführt, bevor der Inhalt geladen wird. Natürlich habe ich einen kleinen Trick mit Routen gemacht.

Im Modul Config Abschnitt, habe ich dies:

$routeProvider 
      .when("Business/:Context/:View?", { 
       templateUrl: function (url) { 
        return "Contexts/" + url.Context + "/" + (url.View || url.Context) + ".html"; 
       } 
      }); 

Dann lassen Sie uns sagen, dass wir die Strecke zu "#/Geschäft/Test" er am meisten suchen Sie eine Datei mit dem Namen Test.html auf „set/Kontext/Test ", richtig eh! Nehmen wir an, der Inhalt von Test.html ist dies.

<script> 
    (function(ng){  
     console.log(ng) 
     ng.module('MyApp').controller('TestController', function ($scope, $route, $routeParams, $location, $http, $mdDialog) { 
      $scope.name = "TestController"; 
      $scope.params = $routeParams; 
      $scope.name = "John"; 
     }); 
    })(angular) 
</script> 
<div ng-controller="TestController"> 
    Hola {{ name }} 
</div> 

Und schließlich die eigentliche Frage: Warum passiert das? Es ist wie die nach ausgeführt wird, oder ich weiß nicht, weil, sucht die Konsole:

Angular existiert, aber der Controller nicht in der Zeit hinzugefügt wird. Mache ich falsch? Ist dieses Verhalten erlaubt? Kann mich jemand auf dieser Reise führen?

Answer 1

Versuchen Sie, das Controller-Skript in die Ansicht einzufügen? Verstehe nicht warum und welche Logik dahinter? Sie haben die Vorlage und die Steuerung und der Grund ist, die Ansicht/DOM und die Geschäftslogik dahinter zu trennen.

In eckig, die script Tag laden der Inhalt eines Elements in $ templateCache, so dass die Vorlage durch ngInclude, ngView oder Richtlinien verwendet werden so dass es nicht das gleiche wie ein <script> Tag interpulated würde normalerweise geladen werden.

Sie behaupten auch, daß Die Typ des Elements muss als Text/ng-Vorlage angegeben werden, und einen Cache-Namen für die Vorlage muss über die ID des Elements zugeordnet werden, die dann als eine verwendet werden kann, DirectiveUrl der Direktive.

Sie verwenden also nicht das Skript-Tag, wie von eckigen beabsichtigt.

Warum nicht den Controller in eine js-Datei und laden Sie es aus dem Stamm-HTML oder mit requirejs oder eine ähnliche Bibliothek.