[Solved] Given this code snippet, what will be logged if the URL is '/products?page=2#details'? this.route.... Given this code snippet, what will be logged if the URL is '/products?page=2#details'? | Angular

Angular - Routing

Given this code snippet, what will be logged if the URL is '/products?page=2#details'?

this.route.queryParams.subscribe(params => console.log(params.page));
this.route.fragment.subscribe(frag => console.log(frag));

A2 and details

Bundefined and details

C2 and undefined

Dundefined and undefined

Step-by-Step Solution

Solution:

Step 1: Extract query parameter value
URL has query param page=2, so params.page will be '2'.
Step 2: Extract fragment value
URL fragment is 'details', so frag will be 'details'.
Final Answer:
2 and details -> Option A
Quick Check:
Query param and fragment values = A [OK]

Quick Trick: Query params and fragment values come from URL parts [OK]

Common Mistakes:

MISTAKES

Master "Routing" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given this code snippet, what will be logged if the URL is '/products?page=2#details'?