Angular Http GET with parameter

Question

I dont know how to make an API call to such a method    HttpGet   ActionName  GetSupport    public HttpResponseMessage GetSupport int projectid    Because it is GET but still got a parameter to pass  how to do this  Would it be something like this   let headers   new Headers          headers append  Content-Type    application json          headers append  projectid   this id          this http get  http   localhost 63203 api CallCenter GetSupport     headers  headers

User · Answer

Above solutions not helped me  but I resolve same issue by next way  private setHeaders params                  const accessToken   this localStorageService get  token            const reqData                 headers                    Authorization   Bearer   accessToken                                     if params                let reqParams                           Object keys params  map k   gt                   reqParams k    params k                               reqData  params     reqParams                    return reqData          and send request   this http get this getUrl url   this setHeaders params     Its work with NestJS backend  with other I don t know

User · Answer

Having something like this   let headers   new Headers    headers append  Content-Type    application json    headers append  projectid   this id   let params   new URLSearchParams    params append  someParamKey   this someParamValue   this http get  http   localhost 63203 api CallCenter GetSupport     headers  headers  search  params      Of course  appending every param you need to params  It gives you a lot more flexibility than just using a URL string to pass params to the request   EDIT 28 09 2017   As Al-Mothafar stated in a comment  search is deprecated as of Angular 4  so you should use params  EDIT 02 11 2017   If you are using the new HttpClient there are now HttpParams  which look and are used like this   let params   new HttpParams   set  paramName  paramValue  set  paramName2   paramValue2     Create new HttpParams   And then add the params to the request in  basically  the same way   this http get url   headers  headers  params  params       No need to use  map res   gt  res json    anymore   More in the docs for HttpParams and HttpClient

User · Answer

For Angular 9  You can add headers and params directly without the key-value notion  const headers   new HttpHeaders   append  header    value    const params   new HttpParams   append  param    value    this http get  url    headers  params

User · Answer

An easy and usable way to solve this problem getGetSuppor filter   Observale lt any   gt       return this https get lt any   gt    api callCenter getSupport          this toQueryString filter       private toQueryString query   string      var parts          for  var property in query         var value   query propery        if  value    null  amp  amp  value    undefined          parts push encodeURIComponent propery          encodeURIComponent value               return parts join   amp

[angular] Angular, Http GET with parameter?

Examples related to angular

Examples related to typescript