[Solved] Which Angular Router method is used to navigate to a route with query parameters? - Ans: router.navigate(['/path'], { queryParams: { key: 'value' } }) | Angular

Angular - Routing

Which Angular Router method is used to navigate to a route with query parameters?

Arouter.navigate(['/path'], { queryParams: { key: 'value' } })

Brouter.go(['/path'], { params: { key: 'value' } })

Crouter.route(['/path'], { query: { key: 'value' } })

Drouter.change(['/path'], { queryParams: { key: 'value' } })

Step-by-Step Solution

Solution:

Step 1: Recall Angular Router navigation syntax
The correct method is navigate with an array for the path and an options object.
Step 2: Identify correct query parameter option
The option to pass query parameters is queryParams, not params or query.
Final Answer:
router.navigate(['/path'], { queryParams: { key: 'value' } }) -> Option A
Quick Check:
Use navigate() with queryParams [OK]

Quick Trick: Use navigate() with queryParams option to add query parameters [OK]

Common Mistakes:

MISTAKES

Master "Routing" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which Angular Router method is used to navigate to a route with query parameters?