การจัดการ state พื้นฐาน
Component state, services state, BehaviorSubject, state patterns, stateful vs stateless components, shared state
1วิธีที่ง่ายที่สุดในการประกาศ state ภายในของ component Angular คืออะไร?
วิธีที่ง่ายที่สุดในการประกาศ state ภายในของ component Angular คืออะไร?
คำตอบ
การประกาศ class property โดยตรงใน component เป็นวิธีที่ง่ายที่สุดในการจัดการ state ภายใน วิธีนี้เหมาะสำหรับข้อมูลที่ใช้เฉพาะใน component นี้และไม่จำเป็นต้องแชร์ Property สามารถเข้าถึงได้อัตโนมัติใน template และสามารถแก้ไขได้โดยตรง
2ลักษณะหลักของ stateless component คืออะไร?
ลักษณะหลักของ stateless component คืออะไร?
คำตอบ
Stateless component ไม่มี state ภายในและพึ่งพาเฉพาะ @Input ในการรับข้อมูล Component เหล่านี้ใช้เพื่อการนำเสนอเท่านั้นและส่ง event ผ่าน @Output เพื่อสื่อสารกับ parent สถาปัตยกรรมนี้ปรับปรุงความสามารถในการนำกลับมาใช้ใหม่และทำให้การทดสอบง่ายขึ้น
3ทำไมจึงใช้ BehaviorSubject แทน Subject ในการจัดการ state?
ทำไมจึงใช้ BehaviorSubject แทน Subject ในการจัดการ state?
คำตอบ
BehaviorSubject เก็บค่าล่าสุดที่ปล่อยออกไปเสมอและส่งให้ subscriber ใหม่ทันที คุณลักษณะนี้จำเป็นสำหรับการจัดการ state เนื่องจาก component ต้องเข้าถึง state ปัจจุบันทันทีที่เริ่มต้น โดยไม่ต้องรอการปล่อยใหม่ Subject ไม่เก็บค่าใดๆ และ subscriber ใหม่จะได้รับเฉพาะการปล่อยในอนาคตเท่านั้น
แนวปฏิบัติที่ดีที่สุดในการเปิดเผย state ที่จัดการโดย Angular service คืออะไร?
จะแชร์ state ระหว่าง component หลายตัวที่ไม่มีความสัมพันธ์แบบ parent-child ได้อย่างไร?
+17 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ Angular อื่นๆ
พื้นฐาน TypeScript
TypeScript ขั้นสูง
พื้นฐาน Angular
คอมโพเนนต์และวงจรชีวิต
Services & Dependency Injection
การจัดระเบียบโมดูล Angular
Angular CLI
Directives และ Pipes
Routing และการนำทาง
Reactive Forms
Template-driven Forms
พื้นฐาน RxJS
Operator ของ RxJS
HttpClient และการเรียก API
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 และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี