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

Question

我得到如下所示的 Id 数组：-

id=[1,2,3,4]

如何将这些值从数组 id 动态传递到 API 请求的参数，如 angular 中这样：-

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

Answer 1

您可以像这样提供参数：

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

Answer 2

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);

How to pass multiple values to a parameter in a GET API in angular 9+ using http client