Grundlegende State-Verwaltung
Component State, Services State, BehaviorSubject, State Patterns, Stateful vs Stateless Components, Shared State
1Was ist der einfachste Weg, einen lokalen State in einer Angular-Komponente zu deklarieren?
Was ist der einfachste Weg, einen lokalen State in einer Angular-Komponente zu deklarieren?
Antwort
Eine Klasseneigenschaft direkt in der Komponente zu deklarieren ist die einfachste Methode zur Verwaltung von lokalem State. Dieser Ansatz eignet sich perfekt für Daten, die nur von dieser Komponente verwendet werden und nicht geteilt werden müssen. Eigenschaften sind automatisch im Template zugänglich und können direkt geändert werden.
2Was ist das Hauptmerkmal einer Stateless-Komponente?
Was ist das Hauptmerkmal einer Stateless-Komponente?
Antwort
Eine Stateless-Komponente hat keinen internen State und ist ausschließlich auf @Input angewiesen, um ihre Daten zu empfangen. Diese Komponenten sind rein präsentational und senden Ereignisse über @Output, um mit ihrem Parent zu kommunizieren. Diese Architektur verbessert die Wiederverwendbarkeit und erleichtert das Testen.
3Warum sollte man für State-Management ein BehaviorSubject anstelle eines Subject verwenden?
Warum sollte man für State-Management ein BehaviorSubject anstelle eines Subject verwenden?
Antwort
BehaviorSubject speichert immer den zuletzt emittierten Wert und sendet ihn sofort an neue Subscriber. Diese Eigenschaft ist für State-Management unerlässlich, da Komponenten Zugriff auf den aktuellen State benötigen, sobald sie initialisiert sind, ohne auf eine neue Emission warten zu müssen. Subject speichert keinen Wert und neue Subscriber erhalten nur zukünftige Emissionen.
Was ist die beste Praxis, um einen von einem Angular-Service verwalteten State offenzulegen?
Wie kann State zwischen mehreren Komponenten geteilt werden, die nicht durch eine Parent-Child-Beziehung verbunden sind?
+17 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
Change Detection
Angular Signals
Standalone Components
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