Junior Angular Frontend — Angular-Interviewfragen

Was ist Dependency Injection in Angular, und wozu gibt es das?

Du deklarierst im Constructor einer Klasse, was sie braucht, und Angular liefert es, statt dass die Klasse ihre Abhängigkeiten selbst konstruiert. Das existiert, damit dieselbe Komponente in der App einen echten Service und im Test einen Fake bekommen kann, ohne dass sich ihr Code ändert. providedIn: 'root' macht einen Service zum Singleton für die ganze App.

Was ist der Unterschied zwischen einer Component, einer Directive und einer Pipe?

Eine Component ist eine Directive mit einem Template — sie rendert etwas. Eine Directive verändert Verhalten oder Erscheinung eines bestehenden Elements, ohne ein eigenes Template zu haben. Eine Pipe transformiert einen Wert für die Anzeige. Fügst du Markup hinzu, ist es eine Component, dekorierst du vorhandenes Markup, ist es eine Directive.

Was ist ein Observable, und wie unterscheidet es sich von einer Promise?

Eine Promise löst sich einmal auf. Ein Observable ist ein Stream, der viele Male emittieren kann, sich per Unsubscribe abbrechen lässt und nichts tut, bis jemand subscribed. Genau diese Trägheit übersieht man leicht: Ein HTTP-Call, auf den nie subscribed wird, feuert nie — eine Service-Methode, die ein Observable zurückgibt, hat also noch keinen Request ausgelöst.

Wann musst du unsubscriben, und wann nicht?

Du musst es, wenn der Stream nicht von selbst abschließt — valueChanges, ein Router-Event, ein Intervall — sonst überlebt die Subscription die Komponente und hält sie im Speicher. Nicht nötig ist es bei HttpClient, das nach einer Emission abschließt. Die async-Pipe unsubscribed für dich, deshalb ist sie die bevorzugte Form.

Was ist der Unterschied zwischen einer Template-driven und einer Reactive Form?

Template-driven legt das Modell mit ngModel ins Template und eignet sich für ein kleines Formular. Reactive baut den Control-Baum in der Klasse auf, wodurch Validierung, dynamische Felder und Tests einfach werden, weil das Formular ein Objekt ist, das man untersuchen kann. Alles mit bedingten Feldern oder feldübergreifenden Regeln will Reactive.

Was macht ein Modul, und was hat sich mit Standalone Components geändert?

Ein NgModule gruppierte Declarations, Imports und Provider. Standalone Components deklarieren ihre Imports selbst und entfernen die Modul-Ebene für die meisten Fälle — du importierst, was eine Komponente braucht, direkt neben der Komponente. Neuer Code sollte standalone sein; NgModules bleiben bestehen, weil es große Codebases gibt.