Question 1

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

Accepted Answer

Angular Router ช่วยให้นำทางระหว่าง view (component) ที่แตกต่างกันตาม URL ของเบราว์เซอร์ จัดการการจับคู่ระหว่าง URL และ component ทำให้สามารถสร้างแอปพลิเคชัน single-page ที่มีหลาย view ได้ Router จะคอยตรวจสอบการเปลี่ยนแปลง URL และโหลด component ที่เหมาะสมลงใน RouterOutlet

Question 2

ต้อง import โมดูลใดเพื่อใช้ routing ใน Angular?

Accepted Answer

RouterModule คือโมดูล Angular ที่จัดเตรียม services และ directives ทั้งหมดที่จำเป็นสำหรับ routing (Router service, RouterOutlet, RouterLink ฯลฯ) นำเข้าจาก @angular/router และกำหนดค่ากับ routes ผ่าน RouterModule.forRoot() สำหรับโมดูลหลัก หรือ RouterModule.forChild() สำหรับ feature modules

Question 3

จะกำหนด routes ใน Angular อย่างไร?

Accepted Answer

routes ถูกกำหนดในอาร์เรย์ประเภท Routes โดยแต่ละอ็อบเจ็กต์จะระบุ path และ component ที่จะแสดง ด้วย standalone components (Angular 14+) ใช้ provideRouter(routes) ในการกำหนดค่าแอปพลิเคชัน ด้วย NgModules ใช้ RouterModule.forRoot(routes) ในโมดูลหลัก

Routing และการนำทาง

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

คำตอบ

ต้อง import โมดูลใดเพื่อใช้ routing ใน Angular?

คำตอบ

จะกำหนด routes ใน Angular อย่างไร?

คำตอบ

จะแสดงเนื้อหา route ใน template อย่างไร?

จะสร้างลิงก์การนำทางแบบ declarative ใน template อย่างไร?

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

พื้นฐาน TypeScript

TypeScript ขั้นสูง

พื้นฐาน Angular

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

Services & Dependency Injection

การจัดระเบียบโมดูล Angular

Angular CLI

Directives และ Pipes

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 สำหรับการสัมภาษณ์ครั้งถัดไป