Services & Dependency Injection
Services, @Injectable, providedIn, dependency injection, hierarchical injectors, injection tokens, providers
1Wat is een service in Angular?
Wat is een service in Angular?
Antwoord
Een service is een TypeScript-klasse die is gedecoreerd met @Injectable en die businesslogica of gedeelde data inkapselt. Services volgen het scheiding-van-verantwoordelijkheden-principe door herbruikbare logica uit componenten te halen. Ze kunnen via Angulars dependency injection-systeem in andere klassen worden geïnjecteerd, wat de modulariteit en testbaarheid van de code bevordert.
2Welke decorator maakt een klasse injectable in Angular?
Welke decorator maakt een klasse injectable in Angular?
Antwoord
De @Injectable-decorator is verplicht om een klasse als service in het dependency injection-systeem van Angular te kunnen gebruiken. Deze decorator stelt Angular in staat de nodige metadata te genereren om de afhankelijkheden van de service op te lossen. Zonder @Injectable zou de TypeScript-compiler de typeinformatie die nodig is voor injection niet behouden, wat runtime-fouten veroorzaakt.
3Wat is de juiste syntaxis om een basis-service te maken?
Wat is de juiste syntaxis om een basis-service te maken?
Antwoord
De volledige syntaxis om een Angular-service te maken omvat het importeren van de Injectable-decorator vanuit @angular/core en deze toepassen op een klasse met de providedIn-optie. Deze moderne configuratie registreert de service automatisch in de root-injector van de applicatie. De optie providedIn: 'root' is de beste praktijk omdat het tree-shaking mogelijk maakt en een globale singleton garandeert.
Wat betekent providedIn: 'root' in @Injectable?
Hoe injecteer je een service in een component?
+17 gespreksvragen
Andere Angular-sollicitatieonderwerpen
TypeScript-basis
TypeScript Gevorderd
Angular-grondbeginselen
Componenten en levenscyclus
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