# Komponenten und Lebenszyklus (Angular)

> Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output

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

## 1. Was ist ein Lifecycle-Hook in Angular?

**Antwort**

Ein Lifecycle-Hook ist eine spezielle Methode, die von Angular zu Schlüsselmomenten im Lebenszyklus einer Komponente oder Direktive automatisch aufgerufen wird. Diese Hooks ermöglichen die Ausführung von Code in bestimmten Phasen wie Erstellung, Aktualisierung oder Zerstörung. Die häufigsten Hooks sind ngOnInit, ngOnChanges und ngOnDestroy.

## 2. Wann wird ngOnInit aufgerufen?

**Antwort**

ngOnInit wird einmal nach dem ersten ngOnChanges aufgerufen, sobald alle @Input-Eigenschaften initialisiert wurden. Es ist der ideale Hook zum Initialisieren von Komponentendaten, zum Starten von Subscriptions oder zum Aufrufen von Services. Er ist dem Constructor für Initialisierungslogik vorzuziehen, da alle Bindings garantiert verfügbar sind.

## 3. Was ist der Hauptunterschied zwischen ngOnChanges und ngOnInit?

**Antwort**

ngOnChanges wird jedes Mal aufgerufen, wenn sich der Wert einer @Input-Eigenschaft ändert, und empfängt ein SimpleChanges-Objekt mit alten und neuen Werten. ngOnInit wird nur einmal nach der ersten Initialisierung aufgerufen. Verwenden Sie ngOnChanges, um auf Input-Änderungen zu reagieren und Logik zu implementieren, die von @Input-Werten abhängt. Bevorzugen Sie ngOnInit für einmalige Initialisierung wie API-Aufrufe oder Erstkonfiguration.

## 17 weitere Fragen verfügbar

- Warum ngOnDestroy in einer Komponente verwenden?
- In welcher Reihenfolge werden Lifecycle-Hooks beim Erstellen einer Komponente aufgerufen?

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
- [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
- [Change Detection](https://sharpskill.dev/de/technologies/angular/interviewfragen/change-detection.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/components-lifecycle