ออกแบบก่อนว่าในระบบจะมี Path อะไรบ้าง

ปกติแล้ว Web application มันจะมีหน้าหลายๆหน้า และสามารถ Redirect ไปมาได้ แต่ Angular นั้นแนะนำให้เราทำเป็น Single page application แล้วใช้ระบบ Routing ของตัว Angular แทน ดังนั้นหน้าเว็บของเราจะไม่มีการ Reload หรือมีน้อยมาก

เริ่มจากออกแบบก่อนว่าในระบบเราจะมี path อะไรบ้าง

เช่นจากในตัวอย่าง friend list เราก็จะมีสองหน้า

• /#friend-list แสดง friend list
• /#friend-table แสดง friend table

จากนั้นจึงเริ่มมาดูว่าเราจะใช้งานระบบ Routing อย่างไร

ศึกษาเกี่ยวกับการใช้งาน Router เพิ่มเติมได้ที่ https://angular.io/guide/router