Angular 4超文本传输协议获得多个参数到Spring请求映射

Question

我正在尝试发送一个httpClient。使用params获取请求并在我的Spring控制器中使用它。我想发送搜索条件并根据该条件返回对象列表。

这是我的搜索。服务ts

 public getDentists(name, city, type, rating): Observable<Dentist[]>{

    let params = new HttpParams();
    params.set('name', name);
    params.set('city', city);
    params.set('type', type);
    params.set('rating', rating);

    return this.httpClient.get('dentists/', {params: params});
  }

在我的控制器里。JAVA

@RequestMapping(value = "/dentists", method = RequestMethod.GET)
    public List<Dentist> search(@RequestParam("name") String name,
                         @RequestParam("city") String city,
                         @RequestParam("type") String type,
                         @RequestParam("rating") String rating) {

        return dentistRepository.findDentistByName(name);
}

这就是我得到的错误：

• 我也得到了这个错误：2017-12-03 01:07:10.138警告10108---[nio-8080-exec-1]。w、 s.m.s.DefaultHandlerExceptionResolver:已解决由处理程序执行引起的异常：org。springframework。网状物绑定MissingServletRequestParameterException:所需的字符串参数“name”不存在

我的问题是我做错了什么，为什么我没有通过requestparam接收参数？

Answer 1

尝试使用append（）方法（而不是add（））：

public getDentists(name, city, type, rating): Observable<Dentist[]>{

  let params = new HttpParams();
  params = params.append('name', name);
  params = params.append('city', city);
  params = params.append('type', type);
  params = params.append('rating', rating);

  return this.httpClient.get('dentists/', {params: params});
}

使现代化

实际上，append（）和set（）方法将产生完全相同的结果：

?name=NAME_VALUE&city-CITY_VALUE&type=TYPE_VALUE&rating=RATING_VALUE,

append（）应该在我们想要将另一个值附加到现有键时使用，例如：

?name=NAME1&name=NAME2_VALUE&.....

我们还可以使用传递给HttpParams构造函数的HttpParams对象：

const params = new HttpParams({
  fromObject: {
    name,
    city,
    type,
    rating
  }
});
return this.httpClient.get('dentists/', {params});

Answer 2

将代码更改为：

let params = new HttpParams()
    .set('name', name)
    .set('city', city)
    .set('type', type)
    .set('rating', rating);

HttpParams是不可变的。

Answer 3

HttpParams是不可变的。所有的变异操作符都会返回一个新实例，因此您必须执行以下操作

let params = new HttpParams()
    .set('name', name)
    .set('city', city)
    .set('type', type)
    .set('rating', rating);

或

let params = new HttpParams();
params = params.set('name', name);
params = params.set('city', city);
params = params.set('type', type);
params = params.set('rating', rating);