[Solved] Which is the correct syntax to navigate with query parameters and a fragment using Angular Router? - Ans: this.router.navigate(['/path'], { queryParams: {id: 1}, fragment: 'section' }) | Angular

Angular - Routing

Which is the correct syntax to navigate with query parameters and a fragment using Angular Router?

Athis.router.navigate(['/path'], { query: {id: 1}, fragmentId: 'section' })

Bthis.router.navigate(['/path'], { params: {id: 1}, hash: 'section' })

Cthis.router.navigate(['/path'], { queryParams: {id: 1}, fragment: 'section' })

Dthis.router.navigateByUrl(['/path?id=1#section'])

Step-by-Step Solution

Solution:

Step 1: Recall navigate method options
Angular Router's navigate method accepts queryParams and fragment keys in options object.
Step 2: Check syntax correctness
this.router.navigate(['/path'], { queryParams: {id: 1}, fragment: 'section' }) uses correct keys: queryParams and fragment; others use invalid keys or methods.
Final Answer:
this.router.navigate(['/path'], { queryParams: {id: 1}, fragment: 'section' }) -> Option C
Quick Check:
Correct navigate syntax = D [OK]

Quick Trick: Use queryParams and fragment keys in navigate options [OK]

Common Mistakes:

MISTAKES

Master "Routing" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which is the correct syntax to navigate with query parameters and a fragment using Angular Router?