Reactive Forms
ReactiveFormsModule, FormControl, FormGroup, FormArray, FormBuilder, validators, custom validators, async validators, valueChanges
1FormControl ใน Angular คืออะไร?
FormControl ใน Angular คืออะไร?
คำตอบ
FormControl เป็นคลาสพื้นฐานของ reactive forms ใน Angular ที่แทนฟิลด์ฟอร์มแต่ละฟิลด์ มันห่อหุ้มค่าของฟิลด์ สถานะการตรวจสอบ และให้เมธอดสำหรับจัดการการโต้ตอบของผู้ใช้ FormControl แต่ละตัวสามารถมี validators ตอบสนองต่อการเปลี่ยนแปลงผ่าน observables และรักษาสถานะเช่น touched, dirty หรือ pristine ได้ มันเป็นองค์ประกอบพื้นฐานสำหรับการสร้าง reactive forms ที่ซับซ้อนด้วย FormGroup หรือ FormArray
2โมดูล Angular ใดที่ต้องนำเข้าเพื่อใช้ reactive forms?
โมดูล Angular ใดที่ต้องนำเข้าเพื่อใช้ reactive forms?
คำตอบ
ReactiveFormsModule เป็นโมดูล Angular ที่ให้คลาสและไดเรกทีฟทั้งหมดที่จำเป็นในการทำงานกับ reactive forms ต้องนำเข้าในโมดูลแอปพลิเคชันหรือใน standalone component เพื่อเข้าถึง FormControl, FormGroup, FormBuilder และ API อื่น ๆ หากไม่มีการนำเข้านี้ ไดเรกทีฟเช่น formControlName หรือ formGroup จะไม่ถูกรู้จัก FormsModule เป็นโมดูลอื่นที่ใช้สำหรับ template-driven forms
3FormGroup ใน Angular คืออะไร?
FormGroup ใน Angular คืออะไร?
คำตอบ
FormGroup เป็นคลาสที่จัดกลุ่ม FormControl หรืออินสแตนซ์ FormGroup อื่น ๆ หลายตัวภายใต้คีย์ที่ตั้งชื่อ ทำให้สามารถจัดโครงสร้างฟอร์มที่ซับซ้อนได้ มันช่วยให้ตรวจสอบและจัดการสถานะของชุดฟิลด์เป็นหน่วยเดียว ตัวอย่างเช่น ฟอร์มที่อยู่สามารถเป็น FormGroup ที่มีฟิลด์ถนน เมือง และรหัสไปรษณีย์ FormGroup จะรวมค่าและสถานะการตรวจสอบของคอนโทรลลูกทั้งหมดโดยอัตโนมัติ
FormBuilder ใน Angular มีจุดประสงค์อะไร?
วิธีสร้าง FormControl ที่มีค่าเริ่มต้นอย่างไร?
+23 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ Angular อื่นๆ
พื้นฐาน TypeScript
TypeScript ขั้นสูง
พื้นฐาน Angular
คอมโพเนนต์และวงจรชีวิต
Services & Dependency Injection
การจัดระเบียบโมดูล Angular
Angular CLI
Directives และ Pipes
Routing และการนำทาง
Template-driven 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 และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี