Template-driven Forms
FormsModule, NgModel, two-way binding, form validation, ngForm, template reference variables, validation states
1Modul Angular mana yang harus diimpor untuk menggunakan template-driven forms?
Modul Angular mana yang harus diimpor untuk menggunakan template-driven forms?
Jawaban
FormsModule diperlukan untuk mengaktifkan template-driven forms di Angular. Ia menyediakan direktif seperti NgModel, NgForm dan memungkinkan two-way data binding dengan [(ngModel)]. Tanpa modul ini, direktif form tidak akan berfungsi dan Angular akan melemparkan error.
2Sintaks mana yang digunakan untuk two-way data binding dengan NgModel?
Sintaks mana yang digunakan untuk two-way data binding dengan NgModel?
Jawaban
Sintaks [(ngModel)] menggabungkan property binding [ngModel] dan event binding (ngModel) untuk membuat two-way data binding. Sintaks banana-in-a-box ini secara otomatis menyinkronkan nilai field form dengan property komponen di kedua arah, menyederhanakan manajemen state form.
3Atribut mana yang wajib pada input dengan NgModel dalam form template-driven?
Atribut mana yang wajib pada input dengan NgModel dalam form template-driven?
Jawaban
Atribut name wajib pada setiap input yang menggunakan NgModel dalam form template-driven. Angular menggunakan atribut ini untuk mendaftarkan control dalam FormGroup yang mendasarinya dan membuat struktur form. Tanpa atribut name, Angular tidak dapat melacak state control dan akan melemparkan error.
Bagaimana mengakses direktif NgForm untuk memeriksa state form?
Bagaimana mengakses state field tertentu di template?
+13 pertanyaan wawancara
Topik wawancara Angular lainnya
Dasar-dasar TypeScript
TypeScript Lanjutan
Dasar-Dasar Angular
Komponen dan siklus hidup
Services & Dependency Injection
Organisasi Modul Angular
Angular CLI
Direktif dan Pipe
Routing dan Navigasi
Reactive Forms
Dasar-Dasar RxJS
Operator RxJS
HttpClient & Panggilan API
Manajemen State Dasar
Change Detection
Angular Signals
Standalone Components
Unit Testing Angular
Pengujian End-to-End
Build dan optimasi
Dasar-dasar NgRx
NgRx Lanjutan
Arsitektur Angular
Optimisasi Performa
Keamanan dan Praktik Terbaik
Pola RxJS Lanjutan
Angular Universal & SSR
Micro-frontend Angular
Kuasai Angular untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis