[Solved] Consider this Angular component snippet:constructor(private route:... }If the route is configured as path: 'product/:productId' and the URL is /product/99, what will be logged? | Angular

Angular - Routing

Consider this Angular component snippet:

constructor(private route: ActivatedRoute) { }

ngOnInit() {
  this.route.params.subscribe(params => {
    console.log(params['productId']);
  });
}

If the route is configured as path: 'product/:productId' and the URL is /product/99, what will be logged?

A99

Bundefined

CproductId

DAn error will be thrown

Step-by-Step Solution

Solution:

Step 1: Understand route configuration
The route has a parameter named productId.
Step 2: Check URL parameter
The URL /product/99 sets productId to '99'.
Step 3: Subscription behavior
The subscription to params emits an object with productId key and value '99'.
Final Answer:
99 -> Option A
Quick Check:
Route param matches URL segment value [OK]

Quick Trick: Route param keys match URL segments exactly [OK]

Common Mistakes:

MISTAKES

Master "Routing" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Consider this Angular component snippet: