เราลองไปสร้าง component ใน angular กันครับ

ในตัวอย่างนี้เราจะสร้างโดยใช้ angular cli ครับ โดยใช้คำสั่ง ng generate component ไปดูตัวอย่างเต็ม ๆ กัน

1. เปิด command prompt ขึ้นมา

2. ใช้คำสั่ง ng generate component แล้วตามด้วยชื่อ component ที่ต้องการสร้าง ตามตัวอย่าง

ng generate component my-component

3. จากตัวอย่างข้างบน จะสร้าง my-component ใน folder src/app โดยจะมีไฟล์ตามนี้

• my-component.component.ts เป็นไฟล์ typescript
• my-component.component.html เป็นไฟล์ html template
• my-component.component.css เป็นไฟล์ style
• my-component.component.spec.ts เป็นไฟล์สำหรับ test

4. จากนี้เราสามารถใช้ component ได้เลย จามตัวอย่าง

<app-my-component></app-my-component>

5. เราสามารถใช้ ng g c แทนคำสั่ง ng generate component ได้
6. เราสามารถใส่ option ต่าง ๆ ได้ เช่น เราใส่ --spec=false เพื่อไม่ต้องให้สร้าง test file ได้