โครงสร้างคอมโพเนนต์ Angular
ในโฟลเดอร์ src/app จะเป็นที่ตั้งของ
คอมโพเนนต์หลักที่ถูกสร้างขึ้นอัตโนมัติ
เมื่อสร้างโปรเจกต์ มันจะมี
โครงสร้างไฟล์ดังต่อไปนี้:
- /src/app/app.component.htmlapp.component.cssapp.component.ts
ในไฟล์ app.component.html จะ
เป็นที่วางโครงร่าง (markup) ของคอมโพเนนต์ของเรา
ในไฟล์ app.component.css จะ
เป็นที่วางสไตล์ของคอมโพเนนต์ของเรา
ทั้งนี้นามสกุลของไฟล์ขึ้นอยู่กับการตั้งค่า
ที่ทำไว้ขณะสร้างโปรเจกต์
ในไฟล์ app.component.ts จะ
เป็นที่วางโค้ด TypeScript ที่คุณ
เขียนสำหรับฟังก์ชันการทำงานของคอมโพเนนต์ของเรา
การทำงานกับไฟล์เหล่านี้โดยละเอียดเราจะ พิจารณาในบทเรียนต่อๆ ไป