Angular的get传递多参数问题

楼主在自学Angular5的时候发现，新版的Angular已经丢弃http的形式改用Httpclient。但是在demo中发送http.get请求并传递多参数的时候发现，参数params如果是HttpParams类型的话，只能传递单参数，传递多参数要么被覆盖要么无法传递（不清楚是我自己代码问题还是啥），后面查看client.ds.ts中对params的声明，发现params除了可以传递HttpParams外，还可以直接传递JSON或者string类型。所以，楼主就自己简单了写了一个实现JSON传输的方法，可支持单复参数。export class ProductSearchParames {
constructor(
public title: string,
public price: number,
public category: string
) {
}
}

public encodeParams(params: ProductSearchParames) {
return Object.keys(params)
.filter(key => params[key])
.reduce((json: any, key: string) => {
json[key] = params[key];
return json;
}, []);
}

search(params: ProductSearchParames): Observable<any> {
return this.http.get('/api/products', {params: this.encodeParams(params)});
}

在本地测试，可以正常传输参数，并且后台亦可正常接收