Formularze template-driven
FormsModule, NgModel, two-way binding, form validation, ngForm, template reference variables, validation states
1Który moduł Angular zaimportować, aby używać formularzy template-driven?
Który moduł Angular zaimportować, aby używać formularzy template-driven?
Odpowiedź
FormsModule jest wymagany do włączenia formularzy template-driven w Angular. Dostarcza dyrektywy takie jak NgModel, NgForm i umożliwia two-way data binding za pomocą [(ngModel)]. Bez tego modułu dyrektywy formularzy nie będą działać, a Angular zgłosi błędy.
2Jakiej składni użyć dla two-way data binding z NgModel?
Jakiej składni użyć dla two-way data binding z NgModel?
Odpowiedź
Składnia [(ngModel)] łączy property binding [ngModel] i event binding (ngModel) w celu utworzenia two-way data binding. Ta składnia banana-in-a-box automatycznie synchronizuje wartość pola formularza z właściwością komponentu w obu kierunkach, upraszczając zarządzanie stanem formularza.
3Który atrybut jest obowiązkowy na inpucie z NgModel w formularzu template-driven?
Który atrybut jest obowiązkowy na inpucie z NgModel w formularzu template-driven?
Odpowiedź
Atrybut name jest obowiązkowy na każdym inpucie używającym NgModel w formularzu template-driven. Angular używa tego atrybutu do zarejestrowania kontrolki w bazowym FormGroup i tworzenia struktury formularza. Bez atrybutu name Angular nie może śledzić stanu kontrolki i zgłosi błąd.
Jak uzyskać dostęp do dyrektywy NgForm, aby sprawdzić stan formularza?
Jak uzyskać dostęp do stanu konkretnego pola w szablonie?
+13 pytań z rozmów
Inne tematy rekrutacyjne Angular
Podstawy TypeScript
TypeScript zaawansowany
Podstawy Angulara
Komponenty i cykl życia
Services & Dependency Injection
Organizacja modułów Angular
Angular CLI
Dyrektywy i Pipe'y
Routing i Nawigacja
Formularze reaktywne
Podstawy RxJS
Operatory RxJS
HttpClient i wywołania API
Podstawowe zarządzanie stanem
Change Detection
Angular Signals
Standalone Components
Testy jednostkowe w Angular
Testowanie End-to-End
Build i optymalizacja
Podstawy NgRx
Zaawansowany NgRx
Architektura Angular
Optymalizacja wydajności
Bezpieczeństwo i najlepsze praktyki
Zaawansowane wzorce RxJS
Angular Universal i SSR
Angular Micro-frontends
Opanuj Angular na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo