Reactive Forms
ReactiveFormsModule, FormControl, FormGroup, FormArray, FormBuilder, Validators, Custom Validators, Async Validators, valueChanges
1Was ist ein FormControl in Angular?
Was ist ein FormControl in Angular?
Antwort
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.
2Welches Angular-Modul muss importiert werden, um Reactive Forms zu verwenden?
Welches Angular-Modul muss importiert werden, um Reactive Forms zu verwenden?
Antwort
ReactiveFormsModule ist das Angular-Modul, das alle Klassen und Direktiven bereitstellt, die für die Arbeit mit Reactive Forms benötigt werden. Es muss im Anwendungsmodul oder in einer Standalone-Komponente importiert werden, um auf FormControl, FormGroup, FormBuilder und andere APIs zuzugreifen. Ohne diesen Import werden Direktiven wie formControlName oder formGroup nicht erkannt. FormsModule ist ein anderes Modul, das für Template-driven Forms verwendet wird.
3Was ist ein FormGroup in Angular?
Was ist ein FormGroup in Angular?
Antwort
FormGroup ist eine Klasse, die mehrere FormControl- oder andere FormGroup-Instanzen unter benannten Schlüsseln gruppiert, was die Strukturierung komplexer Formulare ermöglicht. Sie ermöglicht die Validierung und Verwaltung des Zustands einer Reihe von Feldern als einzelne Einheit. Zum Beispiel kann ein Adressformular eine FormGroup sein, die Felder für Straße, Stadt und Postleitzahl enthält. FormGroup aggregiert automatisch die Werte und Validierungszustände aller untergeordneten Controls.
Was ist der Zweck von FormBuilder in Angular?
Wie erstellt man ein FormControl mit einem Anfangswert?
+23 Interview-Fragen
Weitere Angular-Interviewthemen
TypeScript-Grundlagen
TypeScript Fortgeschritten
Angular-Grundlagen
Komponenten und Lebenszyklus
Services & Dependency Injection
Angular-Modul-Organisation
Angular CLI
Direktiven und Pipes
Routing und Navigation
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
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten