Question 1

Service ใน Angular คืออะไร?

Accepted Answer

Service คือคลาส TypeScript ที่ตกแต่งด้วย @Injectable ซึ่งห่อหุ้มตรรกะทางธุรกิจหรือข้อมูลที่ใช้ร่วมกัน Service ปฏิบัติตามหลักการแยกความรับผิดชอบโดยการดึงตรรกะที่นำกลับมาใช้ใหม่ออกจาก component สามารถถูก inject เข้าไปในคลาสอื่นผ่านระบบ dependency injection ของ Angular ส่งเสริมความเป็นโมดูลและความสามารถในการทดสอบของโค้ด

Question 2

Decorator ใดที่ทำให้คลาส injectable ได้ใน Angular?

Accepted Answer

Decorator @Injectable เป็นสิ่งจำเป็นเพื่อให้คลาสสามารถใช้เป็น service ในระบบ dependency injection ของ Angular ได้ Decorator นี้ช่วยให้ Angular สร้าง metadata ที่จำเป็นเพื่อแก้ไข dependencies ของ service หากไม่มี @Injectable คอมไพเลอร์ TypeScript จะไม่เก็บรักษาข้อมูลประเภทที่จำเป็นสำหรับการ inject ทำให้เกิดข้อผิดพลาด runtime

Question 3

ไวยากรณ์ที่ถูกต้องในการสร้าง service พื้นฐานคืออะไร?

Accepted Answer

ไวยากรณ์ที่สมบูรณ์สำหรับการสร้าง Angular service ประกอบด้วยการ import Injectable decorator จาก @angular/core จากนั้นนำไปใช้กับคลาสด้วยตัวเลือก providedIn การกำหนดค่าที่ทันสมัยนี้ลงทะเบียน service ใน root injector ของแอปพลิเคชันโดยอัตโนมัติ ตัวเลือก providedIn: 'root' เป็นแนวทางปฏิบัติที่ดีที่สุดเนื่องจากเปิดใช้งาน tree-shaking และรับประกัน singleton ระดับโลก

Services & Dependency Injection

Service ใน Angular คืออะไร?

คำตอบ

Decorator ใดที่ทำให้คลาส injectable ได้ใน Angular?

คำตอบ

ไวยากรณ์ที่ถูกต้องในการสร้าง service พื้นฐานคืออะไร?

คำตอบ

providedIn: 'root' ใน @Injectable หมายความว่าอย่างไร?

จะ inject service เข้าไปใน component ได้อย่างไร?

หัวข้อสัมภาษณ์ Angular อื่นๆ

พื้นฐาน TypeScript

TypeScript ขั้นสูง

พื้นฐาน Angular

คอมโพเนนต์และวงจรชีวิต

การจัดระเบียบโมดูล 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 สำหรับการสัมภาษณ์ครั้งถัดไป