为什么调用Angular http.get时出现No overload matches this call错误

• Angular HttpClient 的 get 方法对 params 配置项有明确的类型限制：仅支持 HttpParams 实例，或者键为字符串、值为字符串/数字/布尔/对应类型数组的普通对象。你自定义的IFilterAuctionBids接口没有声明索引签名，TypeScript 无法确认该接口的实现符合任意字符串键对应合法参数值的要求，因此抛出类型不匹配错误。
• 你尝试的转换逻辑未生效，核心原因是HttpParams是不可变对象：调用set/append方法不会修改原有实例，而是返回包含新参数的新实例。你没有接收方法返回的新实例，最终请求携带的还是初始化的空HttpParams，参数自然没有发送成功。

方案1：给自定义接口添加索引签名（改动最小） #

直接在IFilterAuctionBids中添加一行索引签名声明，告诉TypeScript该接口的所有键值都符合HttpClient参数要求：

export interface IFilterAuctionBids {
  filterSupplierName: string;
  filterLocation: string;
  filterBidPrice: number;
  limitResultFlag: boolean;
  filterBidAwardStatus: AuctionBidFilterStatus[];
  // 新增索引签名
  [key: string]: string | number | boolean | AuctionBidFilterStatus[];
}

修改后不需要调整服务方法逻辑，原有调用方式可以直接正常运行，同时仍然会校验传入参数是否符合IFilterAuctionBids的字段定义，保证类型安全。

方案2：修复HttpParams转换逻辑 #

如果不想修改接口定义，可以调整你之前写的转换代码，适配HttpParams的不可变特性：

getAuctionBidsByGuidUsingGET(auctionGuid: string, queryParams?: IFilterAuctionBids): Observable<__model.AuctionBidPojoListBaseResponse> {
  // 用let定义，方便后续覆盖赋值
  let httpParams = new HttpParams();
  // 先判空避免queryParams为undefined时报错
  if (queryParams) {
    Object.entries(queryParams).forEach(([key, value]) => {
      // 数组类型按后端要求处理，这里给出两种常见实现二选一：
      if (Array.isArray(value)) {
        // 实现1：数组元素重复传参，例：filterBidAwardStatus=Awarded&filterBidAwardStatus=Rejected
        value.forEach(item => {
          httpParams = httpParams.append(key, item.toString());
        });
        // 实现2：数组元素逗号拼接传参，例：filterBidAwardStatus=Awarded,Rejected
        // httpParams = httpParams.set(key, value.join(','));
      } else {
        httpParams = httpParams.set(key, value.toString());
      }
    });
  }
  return this.http.get(`${this._GET_AUCTION_URL}/${ApiPaths.auction}/${auctionGuid}/bids`, { params: httpParams });
}

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