# Change Detection (Angular)

> Zone.js, Change-Detection-Strategien, OnPush-Strategie, ChangeDetectorRef, markForCheck, detectChanges, Performance-Optimierung

- 20 Interview-Fragen
- Mid-Level
- [Interview-Fragen: Angular](https://sharpskill.dev/de/technologies/angular/interviewfragen.md)

## 1. Was ist der Change-Detection-Mechanismus in Angular?

**Antwort**

Change Detection ist der Prozess, durch den Angular Änderungen am Anwendungszustand erkennt und das DOM entsprechend aktualisiert. Standardmäßig verwendet Angular Zone.js, um asynchrone Ereignisse (clicks, HTTP requests, timers) automatisch zu erkennen, und löst die Komponentenprüfung von der Wurzel aus aus. Diese Prüfung durchläuft den Komponentenbaum, um Änderungen zu identifizieren, die auf das DOM anzuwenden sind.

## 2. Welche Rolle spielt Zone.js bei der Angular Change Detection?

**Antwort**

Zone.js ist eine Bibliothek, die native asynchrone Browser-APIs (setTimeout, Promise, addEventListener usw.) patcht, um deren Ausführung abzufangen. Wenn eine asynchrone Operation abgeschlossen ist, benachrichtigt Zone.js Angular, das automatisch die Change Detection von der Wurzelkomponente aus auslöst. Dies ermöglicht es Angular, Änderungen ohne manuelles Eingreifen des Entwicklers zu erkennen.

## 3. Was ist der Unterschied zwischen Default- und OnPush-Strategien?

**Antwort**

Die Default-Strategie prüft bei jedem Change-Detection-Zyklus alle Komponenten im Baum, was teuer sein kann. OnPush optimiert, indem eine Komponente nur geprüft wird, wenn sich ihre Inputs ändern (unveränderliche Referenzen), ein Ereignis aus ihrem Template ausgelöst wird, eine Async-Pipe einen neuen Wert empfängt oder markForCheck() manuell aufgerufen wird. OnPush reduziert die Prüfungen drastisch und verbessert die Performance.

## 17 weitere Fragen verfügbar

- Wie aktiviert man die OnPush-Strategie für eine Komponente?
- Wozu dient ChangeDetectorRef in einer Angular-Komponente?

Kostenlos registrieren: https://sharpskill.dev/de/login

## Weitere Angular-Interviewthemen

- [TypeScript-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/typescript-basics.md): 25 Fragen, Junior
- [TypeScript Fortgeschritten](https://sharpskill.dev/de/technologies/angular/interviewfragen/typescript-advanced.md): 20 Fragen, Junior
- [Angular-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-fundamentals.md): 20 Fragen, Junior
- [Komponenten und Lebenszyklus](https://sharpskill.dev/de/technologies/angular/interviewfragen/components-lifecycle.md): 20 Fragen, Junior
- [Services & Dependency Injection](https://sharpskill.dev/de/technologies/angular/interviewfragen/services-dependency-injection.md): 20 Fragen, Junior
- [Angular-Modul-Organisation](https://sharpskill.dev/de/technologies/angular/interviewfragen/modules-organization.md): 22 Fragen, Mid-Level
- [Angular CLI](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-cli.md): 18 Fragen, Junior
- [Direktiven und Pipes](https://sharpskill.dev/de/technologies/angular/interviewfragen/directives-pipes.md): 22 Fragen, Mid-Level
- [Routing und Navigation](https://sharpskill.dev/de/technologies/angular/interviewfragen/routing-navigation.md): 24 Fragen, Mid-Level
- [Reactive Forms](https://sharpskill.dev/de/technologies/angular/interviewfragen/forms-reactive.md): 26 Fragen, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/de/technologies/angular/interviewfragen/forms-template-driven.md): 16 Fragen, Mid-Level
- [RxJS-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/rxjs-fundamentals.md): 22 Fragen, Mid-Level
- [RxJS-Operatoren](https://sharpskill.dev/de/technologies/angular/interviewfragen/rxjs-operators.md): 24 Fragen, Mid-Level
- [HttpClient und API-Aufrufe](https://sharpskill.dev/de/technologies/angular/interviewfragen/http-client.md): 22 Fragen, Mid-Level
- [Grundlegende State-Verwaltung](https://sharpskill.dev/de/technologies/angular/interviewfragen/state-management-basics.md): 20 Fragen, Mid-Level
- [Angular Signals](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-signals.md): 20 Fragen, Mid-Level
- [Standalone Components](https://sharpskill.dev/de/technologies/angular/interviewfragen/standalone-components.md): 18 Fragen, Mid-Level
- [Angular Unit-Tests](https://sharpskill.dev/de/technologies/angular/interviewfragen/testing-unit.md): 22 Fragen, Mid-Level
- [End-to-End-Testing](https://sharpskill.dev/de/technologies/angular/interviewfragen/testing-e2e.md): 18 Fragen, Mid-Level
- [Build und Optimierung](https://sharpskill.dev/de/technologies/angular/interviewfragen/build-optimization.md): 20 Fragen, Mid-Level
- [NgRx-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/ngrx-fundamentals.md): 24 Fragen, Senior
- [NgRx Fortgeschritten](https://sharpskill.dev/de/technologies/angular/interviewfragen/ngrx-advanced.md): 24 Fragen, Senior
- [Angular-Architektur](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-architecture.md): 22 Fragen, Senior
- [Performance-Optimierung](https://sharpskill.dev/de/technologies/angular/interviewfragen/performance-optimization.md): 22 Fragen, Senior
- [Sicherheit und Best Practices](https://sharpskill.dev/de/technologies/angular/interviewfragen/security-best-practices.md): 20 Fragen, Senior
- [Fortgeschrittene RxJS-Patterns](https://sharpskill.dev/de/technologies/angular/interviewfragen/advanced-rxjs-patterns.md): 22 Fragen, Senior
- [Angular Universal und SSR](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-universal-ssr.md): 20 Fragen, Senior
- [Angular Micro-Frontends](https://sharpskill.dev/de/technologies/angular/interviewfragen/micro-frontends-angular.md): 20 Fragen, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/de/technologies/angular/interviewfragen/change-detection