พารามิเตอร์ของเส้นทางใน Angular

ใน Angular เส้นทางไม่เพียงแต่สามารถกำหนดแบบตายตัวได้เท่านั้น แต่ยังสามารถรองรับพารามิเตอร์ได้ด้วย ด้วยวิธีนี้เราจึงสามารถกำหนดกลุ่ม URL ทั้งหมดได้ในหนึ่งเส้นทาง

สมมติว่าเราต้องการให้คอมโพเนนต์เดียวกันสามารถเข้าถึงได้ที่ที่อยู่: aaaa/1, aaaa/2, aaaa/3 และอื่นๆ

เพื่อให้ได้ผลนี้ เราต้องระบุส่วนที่เปลี่ยนแปลงของที่อยู่ในเส้นทางในรูปแบบของพารามิเตอร์ ในการทำเช่นนี้ เราต้องเขียนเครื่องหมายจุดคู่และชื่อพารามิเตอร์ ในกรณีของเรา เราจะตั้งชื่อพารามิเตอร์ของเราเป็น id (เราสามารถตั้งชื่อใดก็ได้):

const routes: Routes = [
	{ path: 'aaaa/:id', component: AaaaComponent },
	{ path: 'bbbb', component: BbbbComponent },
];

สร้างเส้นทางที่มีพารามิเตอร์ ตรวจสอบว่าคอมโพเนนต์ที่กำหนดเปิดขึ้นสำหรับค่าพารามิเตอร์ที่แตกต่างกัน