如何在Angular HTTP请求中正确传递数字数组参数？

你需要修改服务层的参数处理逻辑，同时修正调用时的参数传递顺序，具体如下：

1. 修正参数传递顺序 #

你的fetchData方法调用service.get时，参数顺序和服务方法定义不匹配：

• 服务的get方法参数顺序为 from_date, to_date, brands_ids
• 但调用时传入的是 this.tabIndex, dateStart, dateEnd, this.brandsId

调整调用代码，将日期参数对应到正确位置：

private fetchData() {
  this.service.get(dateStart, dateEnd, this.brandsId).subscribe(data => {
    // 原有业务逻辑代码
  });
}

2. 将数组转为逗号分隔字符串设置参数 #

在服务的get方法中，直接传入数组作为HttpParams参数时，Angular不会自动转换为逗号分隔格式，需手动使用join(',')方法处理：

public get(
  from_date?: string,
  to_date?: string,
  brands_ids?: number[], // 建议将any改为明确的number[]类型，提升代码严谨性
): Observable<any> {
  let params = new HttpParams();

  if (from_date) {
    params = params.set('from_date', from_date);
  }
  if (to_date) {
    params = params.set('to_date', to_date);
  }

  if(brands_ids) {
    console.log(brands_ids);
    // 将数字数组转为逗号分隔的字符串
    const brandsStr = brands_ids.join(',');
    params = params.set('brands_ids', brandsStr);
  }

  return this.http
    .get<any>(`APIURL`, {params})
    .pipe(catchError(error => throwError((error?.error?.errors) || error)));
}

说明 #

join(',')方法会将数字数组[1,2,3]直接转换为字符串"1,2,3"，设置到HttpParams后，HTTP请求的参数将变为brands_ids=1,2,3，满足你的需求。

内容的提问来源于stack exchange，提问作者Alex