Question 1

Welcher primitive TypeScript-Typ repräsentiert einen Textwert?

Accepted Answer

Der string-Typ repräsentiert alle Textwerte in TypeScript, ob durch einfache Anführungszeichen, doppelte Anführungszeichen oder Backticks für Template Literals begrenzt. Er ist der geeignete Typ zum Speichern von Text, Namen, Nachrichten, URLs oder jeglichem Textinhalt in Anwendungen.

Question 2

Was ist ein Generic in TypeScript?

Accepted Answer

Ein Generic ermöglicht die Erstellung wiederverwendbarer Komponenten, die mit mehreren Typen statt nur einem funktionieren. Generics verwenden Typparameter (wie T), um jeden Typ darzustellen. Dies ermöglicht das Schreiben von typsicherem Code ohne Einbußen bei der Flexibilität, beispielsweise eine Funktion, die Arrays jedes Typs manipuliert und dabei die Typinformationen beibehält.

Question 3

Was ist eine Component in Angular?

Accepted Answer

Eine Component ist ein grundlegender Baustein einer Angular-Anwendung, der einen Teil der Benutzeroberfläche steuert. Sie kombiniert ein HTML-Template, CSS-Styles und eine TypeScript-Klasse mit dem @Component-Decorator. Diese Architektur ermöglicht die Erstellung wiederverwendbarer und modularer Schnittstellen und fördert die Trennung der Zuständigkeiten zwischen Ansicht und Geschäftslogik.

Question 4

Was ist ein Lifecycle-Hook in Angular?

Accepted Answer

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.

Question 5

Was ist ein FormControl in Angular?

Accepted Answer

FormControl ist die grundlegende Klasse der Angular Reactive Forms, die ein einzelnes Formularfeld repräsentiert. Sie kapselt den Wert des Feldes, seinen Validierungsstatus und stellt Methoden zur Verarbeitung von Benutzerinteraktionen bereit. Jedes FormControl kann Validators haben, über Observables auf Änderungen reagieren und Zustände wie touched, dirty oder pristine beibehalten. Es ist der Grundbaustein für die Erstellung komplexer Reactive Forms mit FormGroup oder FormArray.

Question 6

Welches Angular-Modul muss importiert werden, um Template-driven Forms zu verwenden?

Accepted Answer

FormsModule ist erforderlich, um Template-driven Forms in Angular zu aktivieren. Es stellt Direktiven wie NgModel, NgForm bereit und ermöglicht Two-Way Data Binding mit [(ngModel)]. Ohne dieses Modul funktionieren Form-Direktiven nicht und Angular wirft Fehler.

Question 7

Was ist ein Observable in RxJS?

Accepted Answer

Ein Observable ist eine Lazy Collection mehrerer Werte über die Zeit. Es repräsentiert einen Datenstrom, der null, einen oder mehrere Werte synchron oder asynchron emittieren kann. Im Gegensatz zu Promises, die einen einzelnen Wert emittieren, können Observables mehrere Werte emittieren und unterstützen Cancellation via Unsubscribe.

Question 8

Was ist NgRx Store in einer Angular-Anwendung?

Accepted Answer

NgRx Store ist eine Implementierung des Redux-Patterns für Angular, basierend auf RxJS. Es bietet einen zentralisierten Container zur Verwaltung des globalen Anwendungszustands auf vorhersehbare und unveränderliche Weise. Der Store stellt ein Observable bereit, mit dem Komponenten Zustandsänderungen über Selectors abonnieren können.

Question 9

Was ist die Hauptaufgabe von createEntityAdapter in NgRx?

Accepted Answer

Der Entity Adapter generiert automatisch Reducers und Selectors zur Verwaltung normalisierter Entity-Sammlungen. Er bietet Methoden wie addOne, addMany, updateOne, removeOne, die die Manipulation von ID-indizierten Objekten erleichtern. Dies vermeidet das manuelle Schreiben von Sammlungsverwaltungslogik und gewährleistet einen normalisierten State für bessere Performance.

Question 10

Was ist der Hauptunterschied zwischen einer Smart Component und einer Presentational Component?

Accepted Answer

Smart Components (oder Container Components) verwalten Geschäftslogik, API-Aufrufe und Anwendungszustand über Services oder State Management. Presentational Components konzentrieren sich ausschließlich auf die Darstellung und erhalten ihre Daten über @Input, wobei sie Events über @Output ausgeben. Diese Trennung verbessert die Testbarkeit und Wiederverwendbarkeit der Komponenten.

Angular Interview-Fragen

Bereit für dein Angular-Interview?

Alle Angular-Themen entdecken

TypeScript-Grundlagen

TypeScript Fortgeschritten

Angular-Grundlagen

Komponenten und Lebenszyklus

Services & Dependency Injection

Angular-Modul-Organisation

Angular CLI

Direktiven und Pipes

Routing und Navigation

Reactive Forms

Template-driven Forms

RxJS-Grundlagen

RxJS-Operatoren

HttpClient und API-Aufrufe

Grundlegende State-Verwaltung

Change Detection

Angular Signals

Standalone Components

Angular Unit-Tests

End-to-End-Testing

Build und Optimierung

NgRx-Grundlagen

NgRx Fortgeschritten

Angular-Architektur

Performance-Optimierung

Sicherheit und Best Practices

Fortgeschrittene RxJS-Patterns

Angular Universal und SSR

Angular Micro-Frontends

Meistere Angular für dein nächstes Interview