Übergang zu Eigenständigen Komponenten
In früheren Versionen von Angular musste jede Komponente Teil eines Moduls sein. Selbst die einfachste Komponente konnte nicht eigenständig existieren – sie musste innerhalb eines NgModule deklariert werden.
Das war, als bräuchte man eine ganze Küche, nur um eine Tasse Tee zu machen. Ziemlich umständlich, oder?
Deshalb hat das Angular-Team im Laufe der Zeit begonnen, die Struktur zu vereinfachen. Dies führte zur Einführung eines neuen Ansatzes – Standalone Components.
Was ist eine Standalone-Komponente?
Eine Standalone-Komponente ist eine Komponente, die keine Deklaration innerhalb eines Moduls (NgModule) benötigt. Sie ist eigenständig und enthält alle Informationen über ihre Abhängigkeiten in sich selbst.
Um eine solche Komponente zu erstellen, füge einfach das Flag standalone: true im @Component-Dekorator hinzu und gib alle benötigten Abhängigkeiten im imports-Array an:
example.ts
Das Hinzufügen von standalone: true ist eine spezielle Option im @Component-Dekorator, die Angular mitteilt, dass diese Komponente eigenständig ist — sie muss nicht in einem NgModule deklariert werden.
Außerdem wird eine Liste externer Abhängigkeiten (imports) angegeben, die die Komponente benötigt. Im traditionellen, modulbasierten Ansatz wurden diese Abhängigkeiten im Modul-Import übergeben. Wenn Komponenten jedoch ohne Modul arbeiten, müssen ihre Abhängigkeiten direkt in der Komponente deklariert werden — und Angular übernimmt intern die Rolle eines Moduls für diese Komponente.
Warum entfernt sich Angular von NgModules?
NgModules spielten eine wichtige Rolle in großen Anwendungen:
-
Sie halfen, den Code zu organisieren;
-
Sie ermöglichten die Kontrolle über den Geltungsbereich (Sichtbarkeit);
-
Sie waren nützlich für Optimierungen.
Im Laufe der Zeit wurde jedoch deutlich, dass viele dieser Aufgaben auch auf Komponentenebene – einfacher und intuitiver – erledigt werden können.
Angular hat Module nicht entfernt — Standalone-Komponenten bieten lediglich eine flexiblere Option.
Mit anderen Worten: Standalone-Komponenten sind die moderne Methode, Komponenten ohne Module zu erstellen. Sie vereinfachen die Struktur, machen Komponenten eigenständig und leichter verwendbar.
Angular unterstützt weiterhin Module, empfiehlt jedoch für neuen Code die Verwendung von Standalone-Komponenten.
1. Was bewirkt standalone: true im Component Decorator?
2. Warum wird die Eigenschaft imports in einer Standalone-Komponente benötigt?
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 3.13Übergang zu Eigenständigen Komponenten
Swipe um das Menü anzuzeigen
In früheren Versionen von Angular musste jede Komponente Teil eines Moduls sein. Selbst die einfachste Komponente konnte nicht eigenständig existieren – sie musste innerhalb eines NgModule deklariert werden.
Das war, als bräuchte man eine ganze Küche, nur um eine Tasse Tee zu machen. Ziemlich umständlich, oder?
Deshalb hat das Angular-Team im Laufe der Zeit begonnen, die Struktur zu vereinfachen. Dies führte zur Einführung eines neuen Ansatzes – Standalone Components.
Was ist eine Standalone-Komponente?
Eine Standalone-Komponente ist eine Komponente, die keine Deklaration innerhalb eines Moduls (NgModule) benötigt. Sie ist eigenständig und enthält alle Informationen über ihre Abhängigkeiten in sich selbst.
Um eine solche Komponente zu erstellen, füge einfach das Flag standalone: true im @Component-Dekorator hinzu und gib alle benötigten Abhängigkeiten im imports-Array an:
example.ts
Das Hinzufügen von standalone: true ist eine spezielle Option im @Component-Dekorator, die Angular mitteilt, dass diese Komponente eigenständig ist — sie muss nicht in einem NgModule deklariert werden.
Außerdem wird eine Liste externer Abhängigkeiten (imports) angegeben, die die Komponente benötigt. Im traditionellen, modulbasierten Ansatz wurden diese Abhängigkeiten im Modul-Import übergeben. Wenn Komponenten jedoch ohne Modul arbeiten, müssen ihre Abhängigkeiten direkt in der Komponente deklariert werden — und Angular übernimmt intern die Rolle eines Moduls für diese Komponente.
Warum entfernt sich Angular von NgModules?
NgModules spielten eine wichtige Rolle in großen Anwendungen:
-
Sie halfen, den Code zu organisieren;
-
Sie ermöglichten die Kontrolle über den Geltungsbereich (Sichtbarkeit);
-
Sie waren nützlich für Optimierungen.
Im Laufe der Zeit wurde jedoch deutlich, dass viele dieser Aufgaben auch auf Komponentenebene – einfacher und intuitiver – erledigt werden können.
Angular hat Module nicht entfernt — Standalone-Komponenten bieten lediglich eine flexiblere Option.
Mit anderen Worten: Standalone-Komponenten sind die moderne Methode, Komponenten ohne Module zu erstellen. Sie vereinfachen die Struktur, machen Komponenten eigenständig und leichter verwendbar.
Angular unterstützt weiterhin Module, empfiehlt jedoch für neuen Code die Verwendung von Standalone-Komponenten.
1. Was bewirkt standalone: true im Component Decorator?
2. Warum wird die Eigenschaft imports in einer Standalone-Komponente benötigt?
Danke für Ihr Feedback!
