Template-driven Forms
FormsModule, NgModel, two-way binding, form validation, ngForm, template reference variables, validation states
1ต้อง import โมดูล Angular ใดเพื่อใช้ template-driven forms?
ต้อง import โมดูล Angular ใดเพื่อใช้ template-driven forms?
คำตอบ
FormsModule จำเป็นสำหรับการเปิดใช้งาน template-driven forms ใน Angular มันให้ directive เช่น NgModel, NgForm และเปิดใช้งาน two-way data binding ด้วย [(ngModel)] หากไม่มีโมดูลนี้ form directive จะไม่ทำงานและ Angular จะโยนข้อผิดพลาด
2ใช้ syntax ใดสำหรับ two-way data binding ด้วย NgModel?
ใช้ syntax ใดสำหรับ two-way data binding ด้วย NgModel?
คำตอบ
Syntax [(ngModel)] รวม property binding [ngModel] และ event binding (ngModel) เพื่อสร้าง two-way data binding syntax banana-in-a-box นี้จะซิงโครไนซ์ค่า form field กับ property ของ component ในทั้งสองทิศทางโดยอัตโนมัติ ทำให้การจัดการ state ของ form ง่ายขึ้น
3attribute ใดที่จำเป็นบน input ที่ใช้ NgModel ใน template-driven form?
attribute ใดที่จำเป็นบน input ที่ใช้ NgModel ใน template-driven form?
คำตอบ
attribute name จำเป็นบนทุก input ที่ใช้ NgModel ใน template-driven form Angular ใช้ attribute นี้เพื่อลงทะเบียน control ใน FormGroup พื้นฐานและสร้างโครงสร้าง form หากไม่มี attribute name Angular จะไม่สามารถติดตาม state ของ control ได้และจะโยนข้อผิดพลาด
เข้าถึง directive NgForm เพื่อตรวจสอบ state ของ form อย่างไร?
เข้าถึง state ของ field เฉพาะใน template อย่างไร?
+13 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ Angular อื่นๆ
พื้นฐาน TypeScript
TypeScript ขั้นสูง
พื้นฐาน Angular
คอมโพเนนต์และวงจรชีวิต
Services & Dependency Injection
การจัดระเบียบโมดูล Angular
Angular CLI
Directives และ Pipes
Routing และการนำทาง
Reactive Forms
พื้นฐาน RxJS
Operator ของ RxJS
HttpClient และการเรียก API
การจัดการ state พื้นฐาน
Change Detection
Angular Signals
Standalone Components
การทำ Unit Testing ใน Angular
การทดสอบ End-to-End
Build และการเพิ่มประสิทธิภาพ
พื้นฐาน NgRx
NgRx ขั้นสูง
สถาปัตยกรรม Angular
การปรับแต่งประสิทธิภาพ
ความปลอดภัยและแนวทางปฏิบัติที่ดี
รูปแบบ RxJS ขั้นสูง
Angular Universal และ SSR
Angular Micro-frontends
เชี่ยวชาญ Angular สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี