Template-driven Forms
FormsModule, NgModel, Two-Way Binding, Form Validation, ngForm, Template Reference Variables, Validation States
1Welches Angular-Modul muss importiert werden, um Template-driven Forms zu verwenden?
Welches Angular-Modul muss importiert werden, um Template-driven Forms zu verwenden?
Antwort
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.
2Welche Syntax wird für Two-Way Data Binding mit NgModel verwendet?
Welche Syntax wird für Two-Way Data Binding mit NgModel verwendet?
Antwort
Die [(ngModel)]-Syntax kombiniert Property Binding [ngModel] und Event Binding (ngModel), um Two-Way Data Binding zu erstellen. Diese Banana-in-a-Box-Syntax synchronisiert den Form-Field-Wert automatisch mit der Komponenten-Property in beide Richtungen und vereinfacht das Form-State-Management.
3Welches Attribut ist auf einem Input mit NgModel in einem Template-driven Form zwingend erforderlich?
Welches Attribut ist auf einem Input mit NgModel in einem Template-driven Form zwingend erforderlich?
Antwort
Das name-Attribut ist auf jedem Input, der NgModel in einem Template-driven Form verwendet, zwingend erforderlich. Angular verwendet dieses Attribut, um das Control in der zugrunde liegenden FormGroup zu registrieren und die Form-Struktur zu erstellen. Ohne das name-Attribut kann Angular den Control-Zustand nicht verfolgen und wirft einen Fehler.
Wie greift man auf die NgForm-Direktive zu, um den Form-Zustand zu prüfen?
Wie greift man im Template auf den Zustand eines bestimmten Felds zu?
+13 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
Reactive 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