เราไปดู Hello World ใน Angular กันครับ

1. อันดับแรกไปติดตั้ง angular cli กันก่อน โดยใช้คำสั่ง

npm install -g @angular/cli

2. จากนั้นเราก็ไปสร้างโปรเจ็ค angular โดยใชคำสั่ง ng new ตามตัวอย่าง

ng new hello-world

3. จากนั้นเข้าไปที่ project โดยใช้คำสั่ง cd hello-world

4. จากนั้นไปสร้าง component โดยใช้คำสั่ง ng generate component เราจะส้าง hello component ตามตัวอย่าง

ng generate component hello

จากคำสั่งมันจะสร้าง component ภายใต้ src/app directory

5. เปิดไฟล์ src/app/hello/hello.component.html ขึ้นมาเพื่อ Hello World โดยใส่โค้ดเข้าไป

<h1>Hello World!</h1>

6. จากนั้นเปิดไฟล์ src/app/app.component.html แล้วเพิ่มคำสั่งด้านล่าง เพื่อเพิ่ม component ที่เราเพิ่มเข้าไป

<app-hello></app-hello>

7. start โดยใช้คำสั่ง ng serve

8. เข้าเว็บเพื่อดูผลลัพธ์ โดยเข้าไปที่ http://localhost:4200/