โครงสร้างคอมโพเนนต์ Angular

ในโฟลเดอร์ src/app จะเป็นที่ตั้งของ คอมโพเนนต์หลักที่ถูกสร้างขึ้นอัตโนมัติ เมื่อสร้างโปรเจกต์ มันจะมี โครงสร้างไฟล์ดังต่อไปนี้:

ในไฟล์ app.component.html จะ เป็นที่วางโครงร่าง (markup) ของคอมโพเนนต์ของเรา

ในไฟล์ app.component.css จะ เป็นที่วางสไตล์ของคอมโพเนนต์ของเรา ทั้งนี้นามสกุลของไฟล์ขึ้นอยู่กับการตั้งค่า ที่ทำไว้ขณะสร้างโปรเจกต์

ในไฟล์ app.component.ts จะ เป็นที่วางโค้ด TypeScript ที่คุณ เขียนสำหรับฟังก์ชันการทำงานของคอมโพเนนต์ของเรา

การทำงานกับไฟล์เหล่านี้โดยละเอียดเราจะ พิจารณาในบทเรียนต่อๆ ไป