angular - 如何在 HttpClient 中的查询字符串中传递数组？

Question

这是我的 Actor 数组:

['Elvis', 'Jane', 'Frances']

如何在 HttpClient 的查询字符串中传递这个数组？

我尝试使用:

1)

let params = new HttpParams();
params = Params.append('actors[]', ['Elvis', 'Jane', 'Frances']);
this.http.get(url, { params: Params });

let params = new HttpParams().set('actors[]', ['Elvis', 'Jane', 'Frances']);
this.http.get(url, { params: Params });

let Params = new HttpParams();
Params = Params.append('actors[]', 'Jane');
Params = Params.append('actors[]', 'Elvis');
Params = Params.append('actors[]', 'Frances');
this.http.get(url, { params: Params }); 

第 1 和第 2 个片段由于 TypeScript 错误而无法工作:

[ts] Argument of type 'string[]' is not assignable to parameter of type 'string'.

第三个片段只发送一项 'actors[]': 'Frances'

Answer 1

我认为最好的方法是将它们作为 string 添加到参数中，然后让您的后端将其转换回 array 或 list.

let actorList = ['Elvis', 'Jane', 'Frances']
let params = new HttpParams();
params = params.append('actors', actorList.join(', '));
this.http.get(url, { params: params });