มีหลายวิธีในการบรรลุเป้าหมายนี้
- ผ่านคำสั่ง [routerLink]
- วิธีการนำทาง (Array) ของคลาสเราเตอร์
- วิธีนำทางByUrl (สตริง) ซึ่งใช้สตริงและส่งกลับสัญญา
แอ็ตทริบิวต์ routerLink ต้องการให้คุณนำเข้า routingModule ไปยังโมดูลคุณลักษณะในกรณีที่คุณโหลดโมดูลฟีดหรือเพียงแค่อิมพอร์ต app-routing-module หากไม่ได้เพิ่มเข้าไปในอาร์เรย์การนำเข้า AppModule โดยอัตโนมัติ
<a [routerLink]="['/user', user.id]">John Doe</a>
<a routerLink="urlString">John Doe</a> // urlString is computed in your component
// Inject Router into your component
// Inject ActivatedRoute into your component. This will allow the route to be done related to the current url
this._router.navigate(['user',user.id], {relativeTo: this._activatedRoute})
this._router.navigateByUrl(urlString).then((bool) => {}).catch()