# Change Detection (Angular)

> Zone.js, change detection-strategieën, OnPush-strategie, ChangeDetectorRef, markForCheck, detectChanges, performance-optimalisatie

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

## 1. Wat is het change detection-mechanisme in Angular?

**Antwoord**

Change detection is het proces waarmee Angular wijzigingen in de applicatiestatus detecteert en het DOM dienovereenkomstig bijwerkt. Standaard gebruikt Angular Zone.js om asynchrone events (clicks, HTTP requests, timers) automatisch te detecteren en triggert componentcontrole vanaf de root. Deze controle doorloopt de componentboom om wijzigingen te identificeren die op het DOM moeten worden toegepast.

## 2. Wat is de rol van Zone.js in Angular change detection?

**Antwoord**

Zone.js is een bibliotheek die native asynchrone browser-API's (setTimeout, Promise, addEventListener, enz.) patcht om hun uitvoering te onderscheppen. Wanneer een asynchrone operatie wordt voltooid, stelt Zone.js Angular op de hoogte, dat automatisch change detection vanaf de rootcomponent triggert. Dit stelt Angular in staat om wijzigingen te detecteren zonder handmatige tussenkomst van de ontwikkelaar.

## 3. Wat is het verschil tussen de Default- en OnPush-strategieën?

**Antwoord**

De Default-strategie controleert alle componenten in de boom bij elke change detection-cyclus, wat duur kan zijn. OnPush optimaliseert door een component alleen te controleren als zijn inputs veranderen (immutabele referenties), als er een event wordt uitgezonden vanuit zijn template, als een async pipe een nieuwe waarde ontvangt, of als markForCheck() handmatig wordt aangeroepen. OnPush vermindert controles drastisch en verbetert de prestaties.

## Nog 17 vragen beschikbaar

- Hoe schakel je de OnPush-strategie in op een component?
- Wat is het doel van ChangeDetectorRef in een Angular-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
- [Services & Dependency Injection](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/services-dependency-injection.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
- [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/change-detection