# Services & Dependency Injection (Angular)

> Services, @Injectable, providedIn, dependency injection, hierarchical injectors, injection tokens, providers

- 20 gespreksvragen
- Junior
- [Gespreksvragen: Angular](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen.md)

## 1. 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.

## 2. 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.

## 3. 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.

## Nog 17 vragen beschikbaar

- Wat betekent providedIn: 'root' in @Injectable?
- Hoe injecteer je een service in een component?

Meld je gratis aan: https://sharpskill.dev/nl/login

## Andere Angular-sollicitatieonderwerpen

- [TypeScript-basis](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/typescript-basics.md): 25 vragen, Junior
- [TypeScript Gevorderd](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/typescript-advanced.md): 20 vragen, Junior
- [Angular-grondbeginselen](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/angular-fundamentals.md): 20 vragen, Junior
- [Componenten en levenscyclus](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/components-lifecycle.md): 20 vragen, Junior
- [Angular-module-organisatie](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/modules-organization.md): 22 vragen, Mid-Level
- [Angular CLI](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/angular-cli.md): 18 vragen, Junior
- [Directives en Pipes](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/directives-pipes.md): 22 vragen, Mid-Level
- [Routing en Navigatie](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/routing-navigation.md): 24 vragen, Mid-Level
- [Reactive Forms](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/forms-reactive.md): 26 vragen, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/forms-template-driven.md): 16 vragen, Mid-Level
- [RxJS-Basis](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/rxjs-fundamentals.md): 22 vragen, Mid-Level
- [RxJS-Operators](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/rxjs-operators.md): 24 vragen, Mid-Level
- [HttpClient en API-aanroepen](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/http-client.md): 22 vragen, Mid-Level
- [Basis state management](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/state-management-basics.md): 20 vragen, Mid-Level
- [Change Detection](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/change-detection.md): 20 vragen, Mid-Level
- [Angular Signals](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/angular-signals.md): 20 vragen, Mid-Level
- [Standalone Components](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/standalone-components.md): 18 vragen, Mid-Level
- [Angular unit testing](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/testing-unit.md): 22 vragen, Mid-Level
- [End-to-End Testing](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/testing-e2e.md): 18 vragen, Mid-Level
- [Build en optimalisatie](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/build-optimization.md): 20 vragen, Mid-Level
- [NgRx-fundamenten](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/ngrx-fundamentals.md): 24 vragen, Senior
- [NgRx gevorderd](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/ngrx-advanced.md): 24 vragen, Senior
- [Angular-architectuur](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/angular-architecture.md): 22 vragen, Senior
- [Prestatie-optimalisatie](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/performance-optimization.md): 22 vragen, Senior
- [Beveiliging en best practices](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/security-best-practices.md): 20 vragen, Senior
- [Geavanceerde RxJS-patronen](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/advanced-rxjs-patterns.md): 22 vragen, Senior
- [Angular Universal en SSR](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/angular-universal-ssr.md): 20 vragen, Senior
- [Angular Micro-frontends](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/micro-frontends-angular.md): 20 vragen, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/services-dependency-injection