คอมโพเนนต์และวงจรชีวิต
Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output
1Lifecycle hook ใน Angular คืออะไร?
Lifecycle hook ใน Angular คืออะไร?
คำตอบ
Lifecycle hook คือเมธอดพิเศษที่ Angular เรียกใช้โดยอัตโนมัติในช่วงเวลาสำคัญของวงจรชีวิตของ component หรือ directive ฮุกเหล่านี้ช่วยให้สามารถรันโค้ดในขั้นตอนเฉพาะ เช่น การสร้าง การอัปเดต หรือการทำลาย ฮุกที่พบบ่อยที่สุดคือ ngOnInit, ngOnChanges และ ngOnDestroy
2ngOnInit ถูกเรียกใช้เมื่อใด?
ngOnInit ถูกเรียกใช้เมื่อใด?
คำตอบ
ngOnInit ถูกเรียกหนึ่งครั้งหลังจาก ngOnChanges แรก เมื่อคุณสมบัติ @Input ทั้งหมดได้รับการเริ่มต้นแล้ว เป็นฮุกที่เหมาะสำหรับการเริ่มต้นข้อมูล component การเริ่ม subscriptions หรือการเรียกใช้ services เหมาะสมกว่า constructor สำหรับลอจิกเริ่มต้นเพราะรับประกันว่า bindings ทั้งหมดพร้อมใช้งาน
3ความแตกต่างหลักระหว่าง ngOnChanges และ ngOnInit คืออะไร?
ความแตกต่างหลักระหว่าง ngOnChanges และ ngOnInit คืออะไร?
คำตอบ
ngOnChanges ถูกเรียกใช้ทุกครั้งที่ค่าคุณสมบัติ @Input เปลี่ยนแปลงและรับวัตถุ SimpleChanges ที่มีค่าเก่าและค่าใหม่ ngOnInit ถูกเรียกเพียงครั้งเดียวหลังจากการเริ่มต้นครั้งแรก ใช้ ngOnChanges เพื่อตอบสนองต่อการเปลี่ยนแปลงอินพุตและใช้ลอจิกที่ขึ้นอยู่กับค่า @Input เลือก ngOnInit สำหรับการเริ่มต้นครั้งเดียว เช่น การเรียก API หรือการกำหนดค่าเริ่มต้น
ทำไมต้องใช้ ngOnDestroy ใน component?
Lifecycle hooks ถูกเรียกในลำดับใดเมื่อสร้าง component?
+17 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ Angular อื่นๆ
พื้นฐาน TypeScript
TypeScript ขั้นสูง
พื้นฐาน Angular
Services & Dependency Injection
การจัดระเบียบโมดูล Angular
Angular CLI
Directives และ Pipes
Routing และการนำทาง
Reactive Forms
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 และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี