如何在 URL 中传递变量，同时从 Angular 后端获取数据？答案

【问题标题】：How to pass variables in URL while getting data from backend in angular?如何在 URL 中传递变量，同时从 Angular 后端获取数据？
【发布时间】：2021-01-23 05:26:18
【问题描述】：

public getQuestionsById(qid:number): Observable<Questions>{
 return this.httpClient.get<Questions> 
  ('http://localhost:9090/angular/questions/${qid}');
  
}

在这里，我想连接此 URL 中的“qid”变量值。正确的格式应该是什么？

【问题讨论】：

标签： angular url httpclient

【解决方案1】：

您只需要为此使用模板文字。检查您使用错误运算符的基础知识。请不要在这里使用single quote，请使用backquot。

public getQuestionsById(qid:number): Observable<Questions>{
    return this.httpClient.get<Questions>(`http://localhost:9090/angular/questions/${qid}`);
     
   }

祝你好运:)

链接：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

【讨论】：

【解决方案2】：

我个人是这样做的：

public getQuestionsById(qid:number): Observable<Questions>{
    return this.httpClient.get<Questions>("http://localhost:9090/angular/questions/" + qid);  
   }

还有一个快速提示，不要在每个服务文件中写入该 URL，而是在环境文件中添加一个变量，然后您可以在任何需要的地方导入它
（当然，如果您在更多服务中使用它）。

【讨论】：