[Solved] Which of the following is the correct way to subscribe to route parameters using ActivatedRoute? - Ans: this.route.paramMap.subscribe(params => { const id = params.get('id'); }); | Angular

Angular - Routing

Which of the following is the correct way to subscribe to route parameters using ActivatedRoute?

Athis.route.param.subscribe(params => { const id = params['id']; });

Bthis.route.params.get('id').subscribe(id => { });

Cthis.route.paramMap.subscribe(params => { const id = params.get('id'); });

Dthis.route.getParam('id').subscribe(id => { });

Step-by-Step Solution

Solution:

Step 1: Identify correct ActivatedRoute property
The correct property to get parameters as an observable is paramMap, not params or others.
Step 2: Use the correct method to get parameter
From paramMap, use get('id') to retrieve the parameter value.
Final Answer:
this.route.paramMap.subscribe(params => { const id = params.get('id'); }); -> Option C
Quick Check:
paramMap + get() = correct subscription [OK]

Quick Trick: Use paramMap.subscribe and get('paramName') [OK]

Common Mistakes:

MISTAKES

Master "Routing" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which of the following is the correct way to subscribe to route parameters using ActivatedRoute?