แนวคิดแบบคอมโพเนนต์ใน Angular

สมมติว่าเรามีเว็บไซต์หนึ่ง บนเว็บไซต์นี้เรา สามารถแบ่งบล็อกบางส่วนออกได้: ส่วนหัว, เนื้อหา, แถบด้านข้าง, ส่วนท้าย และอื่นๆ แต่ละ บล็อกสามารถแบ่งออกเป็นบล็อกย่อยที่เล็กลงได้ อีก ตัวอย่างเช่น ในส่วนหัวโดยปกติเราสามารถ แบ่งออกเป็นโลโก้, เมนู, บล็อกข้อมูลติดต่อ และอื่นๆ ได้

ใน Angular บล็อกแต่ละบล็อกดังกล่าวเรียกว่า คอมโพเนนต์ แต่ละคอมโพเนนต์สามารถ ประกอบด้วยคอมโพเนนต์ที่เล็กลงได้ และคอมโพเนนต์เหล่านั้นก็สามารถประกอบด้วยคอมโพเนนต์ที่เล็กลงไปอีกได้ เรื่อยๆ

แต่ละคอมโพเนนต์ใน Angular จะมี โฟลเดอร์ที่มีไฟล์ที่เกี่ยวข้อง ตั้งอยู่ในโฟลเดอร์ src

คอมโพเนนต์หนึ่งจะต้องเป็นคอมโพเนนต์หลัก - ซึ่งเป็นคอมโพเนนต์ที่คอมโพเนนต์อื่นๆ ถูกเพิ่มเข้าไป ใน Angular คอมโพเนนต์นี้ โดยค่าเริ่มต้นคือคอมโพเนนต์ App คอมโพเนนต์อื่นๆ จะถูกเชื่อมต่อกับ คอมโพเนนต์นี้ วิธีการทำเช่นนี้ - เราจะอธิบาย ต่อไปในบทเรียน