Angular Signals
Signals API, computed, effect, signal inputs, signal queries, Reaktivitätsmodell, Migration von RxJS
1Was ist ein Signal in Angular?
Was ist ein Signal in Angular?
Antwort
Ein Signal ist eine Reaktivitätsprimitive, die in Angular 16+ eingeführt wurde, einen Wert kapselt und Konsumenten automatisch benachrichtigt, wenn sich dieser Wert ändert. Im Gegensatz zu RxJS Observables bieten Signals einen einfacheren und performanteren Ansatz zur Verwaltung des reaktiven Zustands. Sie sind standardmäßig synchron und integrieren sich nativ mit Angulars Change-Detection-System.
2Wie erstellt man ein Signal mit einem Anfangswert?
Wie erstellt man ein Signal mit einem Anfangswert?
Antwort
Die Funktion signal() nimmt den Anfangswert als Parameter: signal(0) erstellt ein Signal mit dem Wert 0. Das zurückgegebene Signal ist eine Getter-Funktion, die aufgerufen werden kann, um den Wert zu lesen. Um den Wert zu ändern, verwenden Sie die Methoden set(), update() oder mutate(). Die Syntax ist prägnant und vermeidet die Ausführlichkeit von RxJS BehaviorSubject.
3Wie liest man den Wert eines Signals?
Wie liest man den Wert eines Signals?
Antwort
Rufen Sie das Signal wie eine Funktion auf: count() gibt den aktuellen Wert zurück. Diese Syntax ermöglicht es Angular, Abhängigkeiten in reaktiven Kontexten (Templates, computed, effect) automatisch zu verfolgen. Im Gegensatz zu Observables, die subscribe() oder die async Pipe erfordern, bieten Signals ein synchrones und direktes Lesen.
Welche Methode verwendet man, um den Wert eines Signals vollständig zu ersetzen?
Wie aktualisiert man ein Signal basierend auf seinem vorherigen Wert?
+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
Grundlegende State-Verwaltung
Change Detection
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