How to correctly pass parameters in http request

Question

I am trying to pass a variable in my get request in Angular 7. how do you correctly set a variable in the middle of the url;

  export class dataService {

  constructor(private http: HttpClient) { }
  getUsers(userName){

    return this.http.get('/***/****/***/${userName}/keychain****);
  }
}

score 4 · Accepted Answer · answered Feb 27 '19 at 20:45

4

Use Template Strings. You can attach your variables using the dollar syntax ${your_variable}.

this.http.get(`/services/cxadmin/${userName}/japplegate/keychain');

answered Feb 27 '19 at 20:45

kklimczak

623
4
10

Wow the issuse is you have to use grave accents or back ticks – Flash Mar 27 '19 at 19:39

score 1 · Answer 2 · edited Mar 01 '19 at 02:03

1

You can do it this way

export class dataService {

  constructor(private http: HttpClient) { }
  getUsers(userName){

    return this.http.get(`/services/admin/${userName}/japplegate/key`);
  }
}

edited Mar 01 '19 at 02:03

Flash

924
3
22
44

answered Feb 27 '19 at 20:43

Sacha AVAZASHVILI

11
2

You might want to explain what you did. A difference in punctuation is not necessarily obvious, and some fonts can make it worse. – Michail Feb 27 '19 at 21:03

Flash · Answer 3 · 2019-03-28T13:48:06.157

0

Wow can't belive the issue is you have to use backticks: You need to use backticks (otherwise known as "grave accents" - which you'll find next to the 1 key) - rather than single quotes - to create a template literal.

Backticks are common in many programming languages but may be new to JavaScript developers. :ES6 / ECMA6 template literals - not working

edited Mar 28 '19 at 13:48

answered Mar 27 '19 at 19:40

Flash

924
3
22
44

How to correctly pass parameters in http request

3 Answers3