Angular：使用许多参数请求 HTTP GET [关闭]

Question

我有一个包含许多参数的 HTTP GET 请求（约 50 个 queryParams），

目前我提出了这个要求

  get(contact?: Contact): Observable<response[]> {
    let params: HttpParams = new HttpParams();
    if (contact.company !== null) params = params.append('company', contact.company);
    if (contact.lastname !== null) params = params.set('lastname', contact.lastname);
    if (contact.firstname !== null) params = params.set('firstname', contact.firstname);


    return this.http.get<response[]>(`url/contact/`, {
      params: params,
    });
  }

如何使用 50 个 queryParams 改进此请求？

谢谢

Answer 1

您可以进行以下操作，

get(contact?: Contact): Observable<response[]> {

    let headers: HttpHeaders = new HttpHeaders();

    Object.keys(contact).forEach(key => {
        if(contact[key]){          
           headers = headers.append(key, contact[key]);
        }
    });

    return this.http.get<response[]>(`url/contact/`, {
           params: params,
    });

}