如何正确传递HTTP请求中的参数

Question

我正在尝试在Angular 7的get请求中传递一个变量。如何正确在url的中间设置一个变量；

  export class dataService {

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

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

Answer 1

使用Template Strings。您可以使用美元语法${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 template literals - not working