Componenten en levenscyclus
Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output
1Wat is een lifecycle hook in Angular?
Wat is een lifecycle hook in Angular?
Antwoord
Een lifecycle hook is een speciale methode die automatisch door Angular wordt aangeroepen op belangrijke momenten in de levenscyclus van een component of directive. Deze hooks maken het mogelijk om code uit te voeren in specifieke fasen zoals creatie, updates of vernietiging. De meest voorkomende hooks zijn ngOnInit, ngOnChanges en ngOnDestroy.
2Wanneer wordt ngOnInit aangeroepen?
Wanneer wordt ngOnInit aangeroepen?
Antwoord
ngOnInit wordt eenmaal aangeroepen na de eerste ngOnChanges, zodra alle @Input-eigenschappen zijn geïnitialiseerd. Dit is de ideale hook om componentgegevens te initialiseren, subscriptions te starten of services aan te roepen. Het verdient de voorkeur boven constructor voor initialisatielogica omdat alle bindings gegarandeerd beschikbaar zijn.
3Wat is het belangrijkste verschil tussen ngOnChanges en ngOnInit?
Wat is het belangrijkste verschil tussen ngOnChanges en ngOnInit?
Antwoord
ngOnChanges wordt aangeroepen elke keer als een @Input-eigenschap van waarde verandert en ontvangt een SimpleChanges-object met oude en nieuwe waarden. ngOnInit wordt slechts eenmaal aangeroepen na de eerste initialisatie. Gebruik ngOnChanges om te reageren op inputwijzigingen en logica te implementeren die afhankelijk is van @Input-waarden. Geef de voorkeur aan ngOnInit voor eenmalige initialisatie zoals API-aanroepen of initiële configuratie.
Waarom ngOnDestroy gebruiken in een component?
In welke volgorde worden lifecycle hooks aangeroepen bij het maken van een component?
+17 gespreksvragen
Andere Angular-sollicitatieonderwerpen
TypeScript-basis
TypeScript Gevorderd
Angular-grondbeginselen
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
Angular Signals
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