Hallo. In dieser Lektion werden Winkelmodule eingeführt und wie man sie benutzt. Winkelmodule helfen bei der Organisation und Strukturierung für Ihre Bewerbung. Sie fassen die Komponenten, Dienste, Richtlinien, und anderer Quellcode, der benötigt wird, um eine bestimmte Funktion bereitzustellen oder Anwendungsfunktion. Es ist wichtig zu beachten, dass trotz des Namens Winkelmodule oder NG-Module, sind nicht dasselbe wie JavaScript-Module. JavaScript-Module und Winkelmodule sind separate Strukturen, können aber natürlich zusammen verwendet werden. Jede Winkelanwendung hat mindestens ein Modul, das ist das Root-Modul. Dies ist das Modul, das das Ganze handhabt der Winkelanwendung. Module unterstützen auch den Kompilierungsprozess und dies ist das erste Modul, das von angle geladen wird. Dies ist eine grundlegende Root-Moduldatei. Zuerst muss das NG-Modul importiert werden aus der Winkelkernbibliothek. Das NG-Modul ist ein Klassendekorateur, den Sie hier sehen können. Dieser liefert Konfigurationsdaten für das Modul, einschließlich aller zusätzlichen oder externen Abhängigkeiten, die erforderlich sind zur Verwendung in der Anwendung importiert werden oder in diesem speziellen Modul. Beim Arbeiten mit Angular importieren Sie verschiedene Module wie Sie sie brauchen. Wenn Sie also die verschiedenen Funktionen nutzen möchten winklig sieht Formulare wie Validierung vor oder die NG-Musterrichtlinie, Sie müssen zuerst das Formularmodul in die Datei importieren und dann in das Modul importieren. Das Importieren von Modulen aus einer externen Bibliothek funktioniert auf eine ähnliche Art und Weise. Zum Beispiel, wenn du wolltest das Rahmenmaterial der Frontend-Komponente zu verwenden, Sie würden zuerst die Materialbibliothek installieren und dazu du würdest ein Terminalfenster öffnen und führen Sie die Befehle ng winkel/material hinzufügen aus. Und sobald das installiert ist, können Sie den gleichen Vorgang ausführen zuerst das Modul in die Datei importieren. Und für dieses Beispiel Ich werde die Progress-Spinner-Komponente importieren aus Stoff. Und dann füge das dem imports-Array hinzu des Root-Modul-Dekorators. Dieses Progress Spinner-Modul enthält eine Komponente die Sie zu den Vorlagen hinzufügen können. Nachdem wir das Modul importiert haben, wir können es in der Anwendung verwenden. Löschen Sie den gesamten Startercode, Ich werde die Spinner-Komponente hinzufügen. Und stellen Sie sicher, dass Sie die Dateien speichern. Führen Sie dann den Befehl ng serve aus, um die Anwendung zu erstellen. Und dann die App in einem Browserfenster öffnen, und Sie können den Fortschritts-Spinner sehen, der hier angezeigt wird. Das war's für diese Lektion, die Module einführt. Und im nächsten erfährst du mehr über den Dekorateur und Metadaten eingehender.