Überblick
In diesem Abschnitt wird der Prozess der AngularJS -Initialisierung erläutert und wie Sie bei Bedarf die AngularJS -Initialisierung ändern sollten.
AngularJS '<Script> Tag
Dieses Beispiel zeigt unsere empfohlene Methode zur Integration von AngularJs, die als "Autoinitialisierung" bezeichnet wird.
Die Codekopie lautet wie folgt:
<! docType html>
<html xmlns: ng = "http://angularjs.org" ng-app>
<body>
...
<script src = "Angular.js"> <script>
</body>
</html>
Formatdat
1. Platzieren Sie das Skript -Tag im obigen Code unten auf der Seite. Wenn Sie das Skript -Tag unten einsetzen, verkürzt die Anwendungsladezeit, da das HTML -Laden nicht durch das Laden des Skripts angular.js blockiert wird. Sie können die neueste Version von http://code.angularjs.org erhalten. Bitte beziehen Sie sich nicht auf diese URL in Ihrem Code, da sie die Sicherheitsrisiken Ihrer Website aufdecken. Wenn es sich nur um eine experimentelle Entwicklung handelt, gibt es kein Problem mit der Verknüpfung mit unserer Website.
1) .angular- [Version] .js ist eine lesbare Version, die für Entwicklung und Debugging geeignet ist.
2) .angular- [Version] .min.js ist eine komprimierte und verschleierte Version, die für die Bereitstellung in geformten Produkten geeignet ist.
2. Bitte geben Sie die NG-App-Anweisung in den Stammknoten des Tags Ihrer Anwendung. Wenn AngularJs das gesamte <html> -Programm automatisch ausführen soll, legen Sie es in das <html> -Tag.
Die Codekopie lautet wie folgt:
<html ng-App>
3. Wenn Sie die alte Version der Anweisungssyntax verwenden möchten: Ng:, müssen Sie auch XML-Namesspace in <html> schreiben, damit AngularJs normal unter dh funktionieren. (Dies geschieht aus historischen Gründen, und wir empfehlen nicht, die NG: Syntax weiterhin zu verwenden.)
Die Codekopie lautet wie folgt:
<html xmlns: ng = "http://angularjs.org">
Automatische Initialisierung
AngularJs wird ausgeführt, wenn das Domcontent-Ereignis ausgelöst wird, und verwendet die NG-App-Anweisung, um Ihren Anwendungswurzelbereich zu finden. Wenn die NG-App-Richtlinie gefunden wird, wird AngularJS:
1. Lastmodule im Zusammenhang mit dem Anweisungsinhalt.
2. Erstellen Sie den "Injektor" einer Anwendung.
3. Das NG-App-Anweisungs-Tag ist der Stammknoten zum Kompilieren des DOM. Auf diese Weise können Sie nur einen Teil des DOM als Ihre AngularJS -Anwendung angeben.
Die Codekopie lautet wie folgt:
<! docType html>
<html ng-App = "OptionalModulenName">
<body>
Ich kann hinzufügen: {{1+2}}.
<script src = "Angular.js"> </script>
</body>
</html>
Manuelle Initialisierung
Wenn Sie die Initiative zur Steuerung des Initialisierungsprozesses ergreifen müssen, können Sie die Methode zur manuellen Ausführung des Boot -Programms verwenden. Wenn Sie beispielsweise einen "Skriptlader" verwenden oder einige Operationen ausführen müssen, bevor AngularJS die Seite kompiliert, verwenden Sie sie.
Das folgende Beispiel zeigt, wie AngularJs manuell initialisiert werden. Sein Effekt entspricht der Verwendung der NG-App-Richtlinie.
Die Codekopie lautet wie folgt:
<! docType html>
<html xmlns: ng = "http://angularjs.org">
<body>
Hallo {{'World'}}!
<script src = "http://code.angularjs.org/angular.js"> </script>
<Script>
Angular.Element (Dokument) .Ready (function () {
Angular.bootstrap (Dokument);
});
</script>
</body>
</html>
Hier sind einige Bestellungen, denen Ihr Code folgen muss:
1. Nachdem die Seite und alle Skripte geladen wurden, suchen Sie den Stammknoten der HTML -Vorlage - normalerweise den Stammknoten des Dokuments.
2. Rufen Sie API/Angular.bootstrap auf, um die Vorlage in eine ausführbare Datentabbindungsanwendung zu kompilieren.