Angular 9 http.Get request with paramaters

Question

I am trying to send query parameters with a get request. This code always has an empty query {}. What am I missing?

let p = new HttpParams().set('Test', "7878");
return this.http
  .get<Response>(environment.baseAPIUrl + route, 
    { 
      withCredentials: false, 
      headers: requestHeaders, 
      params: p, 
      responseType, 
      observe: observe as 'body'
    } 
  );

What do your mean with This code always has an empty query {}.?. How did you check it? — TmTron
– TmTron, Commented May 13, 2020 at 15:25
oh, I have an event object that I am just dumping to the log. Its an AWS lambda called from angular query: {}, path: {}, called from postman query: { test: '34534' }, path: {}, — user13520940
– user13520940, Commented May 13, 2020 at 15:59
You should check the network tab of your browser's dev-tools to see what it is actually sending - maybe the issue is on the server side... — TmTron
– TmTron, Commented May 13, 2020 at 16:01

TmTron · Accepted Answer · 2020-05-13 15:32:21Z

1

Basically your use of HttpParams seems okay and it's working for me.

Open my Stackblitz Example:

open the dev-tools (F12 in Chrome)
go to the network tab
now Refresh the stackblitz-browser frame: everything looks good:

just note, that the error-message (1) will not include the url-parameters

answered May 13, 2020 at 15:32

TmTron

19.7k13 gold badges108 silver badges165 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular 9 http.Get request with paramaters

1 Answer 1

Comments

Hot Network Questions