Module in AngularJS
In AngularJS ist ein Modul eine Komponente, die alle anderen Komponenten in AngularJS enthält, wie Controller, Dienste, Filter, Direktiven … oder alles, was durch das Modul referenziert werden kann. In AngularJS führen wir die gesamte Funktionalität in Modulen aus, und eine HTML-Seite hat nur ein Modul, und dieses Modul kann verwendet werden, um eine Anwendung zu initialisieren und zu starten.
Betrachten Sie das folgende Beispiel
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Example Module</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script> </head> <body ng-app="myApp"> </body> <script> var app = angular.module('myApp', []); console.log(app); </script> </html>Ergebnisse bei der Anmeldung an der Browserkonsole
Analysieren Sie den obigen Code:
- Zeile 10: Im Hauptteil gibt es ein HTML-Attribut namens ng-app , der Wert darin ist "myApp". Dies wird als Direktive bezeichnet, die angleJS mitteilt, dass dies das Modul der Anwendung ist. Wenn wir das Modul unter der Skriptebene initialisieren, übergeben wir diesen Namen „myApp“ zur Initialisierung
- Zeilennummer 14: var app = angle.module('myApp', []); Hier deklarieren wir die Variable app und weisen den Wert gleich dem Rückgabewert der Methode .module() des Winkelobjekts zu, diese Methode übergibt 2 Parameter, der erste Parameter ist die Zeichenfolge „myApp“, die genau mit dem Wert der ng-app-Direktive übereinstimmt die HTML-Tag-Struktur, der 2. Parameter in diesem Beispiel ist ein leeres Array [], in den nächsten Artikeln werden wir darüber sprechen, Werte in dieses Array zu übergeben und es als Abhängigkeit zu konzipieren. In diesem Zusammenhang übergeben wir keine Abhängigkeiten , daher wird dieses Array als leer deklariert
- Zeile 15: Protokollieren Sie die App-Variable im Browser und wir sehen, dass diese App-Variable ein Objekt ist, das viele Methoden wie Controller, Komponente, Filter, Service enthält … diese Konzepte werden wir in den nächsten Beiträgen fortsetzen
Zumindest verstehen wir bis zu diesem Beitrag, dass das Hauptmodul das größte Objekt von angleJS ist und dieses Objekt der Container für andere untergeordnete Komponenten in einer angleJS-Anwendung ist.
Bài viết liên quan:
Dịch vụ thiết kế Wesbite
