Angular получить запрос с несколькими запросами

Question

onSubmit() {
this.router.queryParams.subscribe(params => { 
  let opts = { params: new HttpParams({fromObject: {
    "employeeStatus":this.userForm.get('employeeStatus').value,
    "department":this.userForm.get('department').value
  }
})}
//opts = JSON.parse(JSON.stringify(opts));
console.log(opts)
  this.http.get<User>(`${this.serverUrl}`, opts).subscribe(
    res => {
      this.user = res
      console.log(res)
    }
  ), 
  console.log(params);
 })
}

при отправке формы, я хочу, чтобы любое значение элемента управления было пустым, оно не передается в опциях. Может кто-нибудь помочь, пожалуйста ??

Answer 1

Я бы сделал это так, если имена элементов управления соответствуют параметрам

let opts = { params: this.getHttpParams() };

getHttpParams = () => {
    const httpParams = new HttpParams();
    Object.keys(this.userForm.controls).forEach(key => {
        const value = this.userForm.get(key).value;
        if(value)
           httpParams.append(key, value);
    });

    return httpParams;
}

Обратите внимание, что если значение элемента управления пустое или пустая строка, это условие "if (value) ..." будет оцениваться как false