Как правильно передать параметры в http запрос

Question

Я пытаюсь передать переменную в моем запросе get в Angular 7. Как правильно установить переменную в середине URL;

  export class dataService {

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

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

Answer 1

Использовать Шаблон строки .Вы можете прикрепить свои переменные, используя синтаксис доллара ${your_variable}.

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

Answer 2

Ничего себе не могу поверить, что проблема заключается в том, что вы должны использовать обратные метки: вам нужно использовать обратные метки (иначе известные как «серьезные акценты» - которые вы найдете рядом с клавишей «1»), а не одинарные кавычки - для созданияшаблонный литерал.

Backticks распространены во многих языках программирования, но могут быть новыми для разработчиков JavaScript.: Шаблонные литералы ES6 / ECMA6 - не работают

Answer 3

Вы можете сделать это таким образом

export class dataService {

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

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