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

Posted 2023-02-25

【中文标题】在查询参数Angular HttpClient中传递数组

【英文标题】：pass array in query params 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

【参考方案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]？