[Solved] Given the code below, what will be the final URL requested?const params = new HttpParams().set('page', '2').set('sort', 'name'); this.http.get('/api/items', { params }).subscribe(); | Angular

Angular - HTTP Client

Given the code below, what will be the final URL requested?

const params = new HttpParams().set('page', '2').set('sort', 'name');
this.http.get('/api/items', { params }).subscribe();

A/api/items

B/api/items?sort=name&page=2

C/api/items?page=2

D/api/items?page=2&sort=name

Step-by-Step Solution

Solution:

Step 1: Understand HttpParams chaining
Each set returns a new HttpParams with added param; chaining adds both params.
Step 2: Determine param order
Params appear in order set: page=2 then sort=name.
Final Answer:
/api/items?page=2&sort=name -> Option D
Quick Check:
Params chained = URL with both params in order [OK]

Quick Trick: Chained set() adds params in order to URL [OK]

Common Mistakes:

MISTAKES

Master "HTTP Client" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given the code below, what will be the final URL requested?