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

Question

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

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

Answer 1

你只需要为此使用模板文字。检查您只是使用了错误的运算符的基础知识。请不要为此使用 single quote here, use backquot。

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

祝你好运:)

link : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Answer 2

我个人这样做：

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

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

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

How to pass variables in URL while getting data from backend in angular?

url

httpclient

angular