在查询参数Angular HttpClient中传递数组

【问题标题】：pass array in query params Angular HttpClient在查询参数Angular HttpClient中传递数组
【发布时间】：2021-11-27 09:52:27
【问题描述】：

如何使用 Angular HttpClient 形成具有查询参数数组的 URL

输入 ids: string[] = ["1","2","3"]

输出 eg: https://localhost:8080/cinemas?ids=1&ids=2&ids=3

【问题讨论】：

标签： angular http-get angular-httpclient query-parameters

【解决方案1】：

import { HttpClient, HttpParams } from '@angular/common/http';
  
  constructor(private httpClient: HttpClient) {}
  url = https://localhost:8080/cinemas

  public getCinemas(ids: string[]) {
    let queryParams = new HttpParams();
    for (let k = 0; k < ids.length; k++) {
      queryParams = queryParams.append('ids', ids[k]);
    }
    return this.httpClient.get(this.url + `?${queryParams.toString()}`);
  }

【讨论】：

我想上面只是一个错字，你使用了正确的变量，即ids[k]而不是relationIds[k]？