Angular Signals
Signals API, computed, effect, signal inputs, signal queries, reactivity-model, migratie van RxJS
1Wat is een signal in Angular?
Wat is een signal in Angular?
Antwoord
Een signal is een reactivity-primitive die is geïntroduceerd in Angular 16+ en een waarde inkapselt en consumers automatisch op de hoogte stelt wanneer die waarde verandert. In tegenstelling tot RxJS Observables bieden signals een eenvoudigere en performantere aanpak voor het beheren van reactive state. Ze zijn standaard synchroon en integreren native met het change detection-systeem van Angular.
2Hoe maak je een signal met een initiële waarde?
Hoe maak je een signal met een initiële waarde?
Antwoord
De functie signal() neemt de initiële waarde als parameter: signal(0) maakt een signal dat 0 bevat. Het geretourneerde signal is een getter-functie die kan worden aangeroepen om de waarde te lezen. Om de waarde te wijzigen, gebruik de methoden set(), update() of mutate(). De syntaxis is beknopt en vermijdt de uitgebreidheid van RxJS BehaviorSubject.
3Hoe lees je de waarde van een signal?
Hoe lees je de waarde van een signal?
Antwoord
Roep het signal aan als een functie: count() geeft de huidige waarde terug. Deze syntaxis stelt Angular in staat om automatisch dependencies te tracken in reactive contexten (templates, computed, effect). In tegenstelling tot Observables die subscribe() of de async pipe vereisen, bieden signals synchroon en direct lezen.
Welke methode te gebruiken om de waarde van een signal volledig te vervangen?
Hoe werk je een signal bij op basis van de vorige waarde?
+17 gespreksvragen
Andere Angular-sollicitatieonderwerpen
TypeScript-basis
TypeScript Gevorderd
Angular-grondbeginselen
Componenten en levenscyclus
Services & Dependency Injection
Angular-module-organisatie
Angular CLI
Directives en Pipes
Routing en Navigatie
Reactive Forms
Template-driven Forms
RxJS-Basis
RxJS-Operators
HttpClient en API-aanroepen
Basis state management
Change Detection
Standalone Components
Angular unit testing
End-to-End Testing
Build en optimalisatie
NgRx-fundamenten
NgRx gevorderd
Angular-architectuur
Prestatie-optimalisatie
Beveiliging en best practices
Geavanceerde RxJS-patronen
Angular Universal en SSR
Angular Micro-frontends
Beheers Angular voor je volgende gesprek
Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.
Begin gratis