แอป Angular มีหน้าตาอย่างไร

แอปแองกูลาร์ประกอบด้วยบล็อกเล็ก ๆ ที่เรียกว่าคอมโพเนนต์ แต่ละบล็อกคือชิ้นส่วนเล็ก ๆ ของหน้าจอค่ะ

ส่วนหัว ปุ่ม การ์ดโปรไฟล์ แต่ละอย่างเป็นคอมโพเนนต์ของตัวเอง นำมาประกอบเข้าด้วยกันก็ได้เป็นแอปหนึ่งแอปค่ะ

ลองนึกถึง LEGO ค่ะ ตัวต่อชิ้นเล็ก ๆ รวมกันเป็นสิ่งปลูกสร้างขนาดใหญ่ คุณนำตัวต่อชิ้นเดิมกลับมาใช้เมื่อไหร่ก็ได้ ที่ไหนก็ได้ โดยไม่ต้องสร้างใหม่

คอมโพเนนต์แต่ละตัวมีแม่แบบที่เขียนด้วย HTML ซึ่งอธิบายสิ่งที่จะแสดงบนหน้าจอ นี่คือส่วนที่มองเห็นได้ค่ะ

เห็น {{ name }} ไหมคะ แองกูลาร์จะแทนที่สิ่งนี้ด้วยข้อมูลจริง เมื่อข้อมูลเปลี่ยน หน้าจอก็จะอัปเดตด้วยตัวเองค่ะ

เบื้องหลังคอมโพเนนต์แต่ละตัวคือโค้ด TypeScript ซึ่งเป็นสมองที่เก็บข้อมูลและตัดสินใจว่าจะเกิดอะไรขึ้นค่ะ

ดังนั้นคอมโพเนนต์ก็คือเพื่อนสองคน ได้แก่ HTML ที่คุณมองเห็น และ TypeScript ที่ทำหน้าที่คิด ทั้งสองอย่างรวมกันเป็นชิ้นส่วนหนึ่งค่ะ

แตะปุ่ม แล้วสมองก็จะตอบสนอง อาจบันทึกบางอย่างหรือแสดงข้อความ แอปจึงให้ความรู้สึกมีชีวิตชีวาค่ะ

แอปทั้งแอปก็คือคอมโพเนนต์ที่ซ้อนอยู่ภายในคอมโพเนนต์อื่น ๆ เหมือนกิ่งก้านของต้นไม้ เป็นแนวคิดง่าย ๆ ที่นำมาใช้ซ้ำกันค่ะ

ตอนนี้คุณรู้แล้วว่าแองกูลาร์คืออะไร มีไว้ทำไม และแอปของแองกูลาร์มีหน้าตาอย่างไร นี่คือพื้นฐานที่สำคัญมากค่ะ ภูมิใจในตัวคุณนะคะ!

ข้อสุดท้ายค่ะ บล็อกพื้นฐานขนาดเล็กของแอปแองกูลาร์เรียกว่าอะไร