Standalone Components
Standalone Components, Imports, Providers, Bootstrapping, Migration von NgModules, neue Anwendungsstruktur
1Was ist ein Standalone Component in Angular?
Was ist ein Standalone Component in Angular?
Antwort
Ein Standalone Component ist eine Angular-Komponente, die standalone: true in ihrem @Component-Dekorator setzt. Dadurch kann die Komponente ihre eigenen Imports und Provider verwalten, ohne ein NgModule zu benötigen. Standalone Components vereinfachen die Architektur, indem sie die Notwendigkeit von Zwischenmodulen zur Organisation von Abhängigkeiten eliminieren.
2Wie deklariert man ein Standalone Component?
Wie deklariert man ein Standalone Component?
Antwort
Um ein Standalone Component zu erstellen, fügen Sie einfach die Eigenschaft standalone: true im @Component-Dekorator hinzu. Diese einfache Deklaration macht die Komponente unabhängig von jedem NgModule und ermöglicht die direkte Verwaltung von Imports und Providern in den Komponentenmetadaten, wodurch die Notwendigkeit einer externen Deklaration in einem Modul entfällt.
3Wie importiert man eine andere Komponente in ein Standalone Component?
Wie importiert man eine andere Komponente in ein Standalone Component?
Antwort
In einem Standalone Component werden Abhängigkeiten (Komponenten, Direktiven, Pipes) direkt im imports-Array des @Component-Dekorators hinzugefügt. Jede Komponente kann andere Standalone Components, Direktiven, Pipes oder sogar klassische NgModules importieren. Dies eliminiert die Notwendigkeit von Zwischen-NgModules zur Verwaltung von Abhängigkeiten zwischen Komponenten und vereinfacht die Architektur.
Welche Funktion sollte zum Bootstrapping einer Anwendung mit einem Standalone Component verwendet werden?
Wie konfiguriert man globale Provider mit bootstrapApplication?
+15 Interview-Fragen
Weitere Angular-Interviewthemen
TypeScript-Grundlagen
TypeScript Fortgeschritten
Angular-Grundlagen
Komponenten und Lebenszyklus
Services & Dependency Injection
Angular-Modul-Organisation
Angular CLI
Direktiven und Pipes
Routing und Navigation
Reactive Forms
Template-driven Forms
RxJS-Grundlagen
RxJS-Operatoren
HttpClient und API-Aufrufe
Grundlegende State-Verwaltung
Change Detection
Angular Signals
Angular Unit-Tests
End-to-End-Testing
Build und Optimierung
NgRx-Grundlagen
NgRx Fortgeschritten
Angular-Architektur
Performance-Optimierung
Sicherheit und Best Practices
Fortgeschrittene RxJS-Patterns
Angular Universal und SSR
Angular Micro-Frontends
Meistere Angular für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten