Angular - Routing
You want to extract two route parameters, 'category' and 'id', and react to changes in both. Which code snippet correctly achieves this?
You want to extract two route parameters, 'category' and 'id', and react to changes in both. Which code snippet correctly achieves this?
hard📝 component behavior Q8 of 15
Step-by-Step Solution
Solution:
Step 1: Use params observable for dynamic parameters
To react to changes, subscribe toparamsobservable and extract both parameters inside the callback.Step 2: Evaluate options
this.route.params.subscribe(params => { this.category = params['category']; this.id = params['id']; }); subscribes correctly and assigns both parameters. this.route.snapshot.params['category']; this.route.snapshot.params['id']; uses snapshot which is static. this.route.queryParams.subscribe(params => { this.category = params['category']; this.id = params['id']; }); uses queryParams which is for query string, not route params. this.route.params['category']; this.route.params['id']; tries to access params as an object without subscription.Final Answer:
this.route.params.subscribe(params => { this.category = params['category']; this.id = params['id']; }); -> Option CQuick Check:
Subscribe to params for multiple route params = B [OK]
Quick Trick: Subscribe to params to get multiple dynamic route parameters [OK]
Common Mistakes:
MISTAKES- Using snapshot for dynamic param changes
- Confusing queryParams with params
- Accessing params without subscription
Master "Routing" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes