如何正确传递查询字符串参数？角答案

【问题标题】：How to propertly pass query string parameters? Angular如何正确传递查询字符串参数？角
【发布时间】：2021-04-18 04:53:13
【问题描述】：

我想通过查询发送带有参数的 HTTP 请求

例子：

  URL: https://api/endpoint?d=1&value=2

【问题讨论】：

这能回答你的问题吗？ How will i pass query parameters to REST API inside a service in an angular application?
您的两个参数同名。将它们更改为 value1 和 value2

【解决方案1】：

要为您的 URL 添加参数，您需要创建正确的选项，例如：

const options = { params: new HttpParams().set('value1', '1').set('value2', '2') };
return this.http.get(`${APP_BASE_URL}/endpoint`, options);

之前是一个示例，您可以使用多种方式创建请愿书。

查看文档here

【讨论】：

【解决方案2】：

您可以创建一个对象并将其作为 get 方法中的第二个参数传递。

const url="example.com/data";
const parameters = {
  'value1': 1,
  'value2': 2
};
return this.httpClient.get(url, {
  params: parameters
})

这将创建您的网址，如下所示：-

URL: https://api/endpoint?value1=1&value2=2

【讨论】：