Angular >= 4.3，httpClient.get 参数为空

我正在尝试迁移我的Http要求HttpClient要求。 我能够迁移我的post查询，但我在迁移时遇到问题get查询。当我这样做时，我的后端没有分别收到任何参数，它告诉我参数未提供且为空。

我做错什么了吗？

import {HttpClient, HttpHeaders, HttpParams} from '@angular/common/http';

constructor(private httpClient: HttpClient) {}

findItems() {
   let params: HttpParams = new HttpParams();
   params.set('something', 'hello');

   this.httpClient.get<any[]>('http://localhost:3000/apath/', {params})
    .subscribe((results: any[]) => {
      console.log(results);
    }, (errorResponse: any) => {
       console.error(errorResponse);
    });
}

任何想法？

现在HttpParams是不可变的，你应该设置参数如下：

// for set method
let params: HttpParams = new HttpParams().set('something', 'hello');
// for append method
let params: HttpParams = new HttpParams().append('something', 'hello');

HttpParams's set and append方法会覆盖原来的params最新更新的实例set and append，最后返回新实例。

所以我们可以用多行来完成，如下所示：

let params: HttpParams = new HttpParams();
params = params.set('something', 'hello');          
params = params.append('something2', 'hello2');

笨蛋演示

重要的：

从 Angular v5.0.0 开始，您可以使用fromObject from HttpParamOptions同时添加多个参数。

const param = new HttpParams({fromObject: {aaa: '1', bbb: '222'}});

还可以设置object参数为HttpClient直接方法

const obj = {aaa: '1', bbb: '222'};
this.http.get('test', { params: obj}).subscribe();

Refer demo，对于第二种方式，请检查浏览器的网络以确认参数已添加成功。