Передача параметров URL с помощью HTTP-клиента Angular

Сценарий

Мы хотим передать параметры запроса pageSize и pageNumber при выполнении запроса http.get('/api/v1/products').

Подход

Используйте HttpParams :

import { HttpParams } from '@angular/common/http';
...
return this.http.get('/api/v1/products', 
{
            params: new HttpParams()
            .set('pageNumber', pageNumber.toString())
            .set('pageSize', pageSize.toString())
            }).pipe(products =>  console.log(products));
}

Для pageNumber=0и pageSize=10 URL-адрес запроса будет таким:

http://localhost:4200/api/v1/products?pageNumber=0&pageSize=10

Представлено