Ich habe Videos gesehen und Artikel gelesen, aber dieser spezielle Artikel macht mich am Anfang des Artikels so verwirrt
Die Anwendungen in Angular folgen einem modularen Aufbau. Die Angular-Apps enthalten viele Module, die jeweils dem jeweiligen Zweck gewidmet sind. In der Regel ist das Modul eine zusammenhängende Codegruppe, die in die anderen Module integriert ist, um Ihre Angular-Apps auszuführen.
Ein Modul exportiert einige Klassen, Funktionen und Werte aus seinem Code. Die Komponente ist ein grundlegender Block von Angular und mehrere Komponenten bilden Ihre Anwendung.
Ein Modul kann eine Bibliothek für ein anderes Modul sein. Beispielsweise wird die Angular2 / Core-Bibliothek, die ein primäres Angular-Bibliotheksmodul ist, von einer anderen Komponente importiert.
Sind sie austauschbare Begriffe? Ist eine Komponente ein Modul? Aber nicht umgekehrt?
quelle
Winkelkomponente
Eine Komponente ist einer der Grundbausteine einer Angular-App. Eine App kann mehr als eine Komponente haben. In einer normalen App enthält eine Komponente eine Klassendatei für eine HTML-Ansichtsseite, eine Klassendatei, die das Verhalten der HTML-Seite steuert, und die CSS / scss-Datei, um Ihre HTML-Ansicht zu formatieren. Eine Komponente kann mit dem
@Component
Dekorator erstellt werden , der Teil des@angular/core
Moduls ist.und um eine Komponente zu erstellen
Um eine Komponente oder eine Winkel-App zu erstellen, finden Sie hier das Tutorial
Winkelmodul
Ein Winkelmodul besteht aus eckigen Grundbausteinen wie Komponenten , Anweisungen , Diensten usw. Eine App kann mehr als ein Modul haben.
Ein Modul kann mit dem
@NgModule
Dekorator erstellt werden .quelle
Ein Modul in Angular 2 besteht aus Komponenten, Anweisungen, Diensten usw. Ein oder mehrere Module bilden zusammen eine Anwendung. Module teilen die Anwendung in logische Codeteile auf. Jedes Modul führt eine einzelne Aufgabe aus.
Komponenten in Angular 2 sind Klassen, in denen Sie Ihre Logik für die Seite schreiben, die Sie anzeigen möchten. Komponenten steuern die Ansicht (HTML). Komponenten kommunizieren mit anderen Komponenten und Diensten.
quelle
Ein Bild sagt mehr als tausend Worte !
Das Konzept von Angular ist sehr einfach. Es wird vorgeschlagen, eine App mit "Steinen" -> Modulen zu "erstellen" .
Dieses Konzept ermöglicht es, den Code besser zu strukturieren und die Wiederverwendung und Freigabe zu erleichtern.
Verwechseln Sie die Angular-Module nicht mit den ES2015 / TypeScript-Modulen.
In Bezug auf das Winkelmodul ist es ein Mechanismus für:
1-Gruppen-Komponenten (aber auch Dienste, Anweisungen, Rohre usw.)
2- Definieren Sie ihre Abhängigkeiten
3- definieren Sie ihre Sichtbarkeit.
Ein Winkelmodul wird einfach mit einer Klasse (normalerweise leer) und dem NgModule-Dekorator definiert.
quelle
Komponente ist
the template(view) + a class (Typescript code) containing some logic for the view + metadata(to tell angular about from where to get data it needs to display the template)
.Module,
basically group the related components, services together
damit Sie Funktionsblöcke haben, die dann unabhängig voneinander ausgeführt werden können. Beispielsweise kann eine App Module für Funktionen enthalten, um Komponenten für eine bestimmte Funktion Ihrer App zu gruppieren, z. B. ein Dashboard, das Sie einfach abrufen und in einer anderen Anwendung verwenden können.quelle