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

Question

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

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

Answer 1

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

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

Answer 2

我个人这样做：

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

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