如何正確傳遞HTTP請求中的參數

Question

我試圖在Angular 7中的get請求中傳遞一個變量。如何正確在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

你可以這樣

export class dataService {

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

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

Answer 3

哇，無法解決的問題是，您必須使用反引號：您需要使用反引號（也稱為“重音符”-您會在1鍵旁邊找到）-而不是單引號-來創建模板文字。

反引號在許多編程語言中都很常見，但可能對JavaScript開發人員來說是新的。 ： ES6 / ECMA6模板文字-不起作用