如何使用http客户端将多个值传递给角度9+的GET API中的参数答案

【问题标题】：How to pass multiple values to a parameter in a GET API in angular 9+ using http client如何使用http客户端将多个值传递给角度9+的GET API中的参数
【发布时间】：2021-05-14 05:09:25
【问题描述】：

我得到了一个如下的 ID 数组：-

id=[1,2,3,4]

如何将这些值从数组 id 动态传递给 API 请求的参数，像这样在 angular:-

this.http.get(`/api/request?num=1,2,3,4`);

【问题讨论】：

标签： javascript angular api angular-httpclient angular10

【解决方案1】：

const ids: string = id.join(',')
this.http.get(`/api/request?num=${ids}`);

或者

const ids: string = id.join(',')
const options = { params: new HttpParams().set('num', ids) };
this.http.get('/api/request', options);

Angular Doc

【讨论】：

【解决方案2】：

您可以像这样提供参数：

const num = [1,2,3,4]
this.http.get(`/api/request`, {params: {num}});

【讨论】：