angular - 如何使用 HttpClient 在 Angular 4.3 上使用对象为 HTTP 请求创建 HttpParams

Question

我有确切的角度版本 4.3.2，由于依赖关系，我无法更新。所以现在我坚持这个版本。我有带有动态参数的对象（里面可以有其他键和值）：

let query = {
    param1: 1,
    param2: 'a'
}

我想做类似的事情：

params = new HttpParams();
params = params.append(query);
return this.httpClient.get(this.config.apiUrl + '/items', {
            params: params,
            headers: headers
        });

但没有这样的 params.append(query) 方法。所以我需要遍历查询键并将它们一一添加到参数中。有没有更简单的解决方案？

编辑1：

根据this answer这可以从角度5.0.0-beta.6（2017-09-03）开始完成，但对我来说不是解决方案。 https://stackoverflow.com/a/46317900/1995258

Answer 1

可以通过使用fromObject属性来完成

const params = {
    email:'abc@xyz.com',
    password:'qwerty'
}

const body = new HttpParams({fromObject: params})

Answer 2

我是这样解决的：

const params: HttpParams = new HttpParams().set('filters', JSON.stringify(filters));

Answer 3

这对我有用：

return this.httpClient.get(this.config.apiUrl + '/items', {
        params: <HttpParams>(<unknown>params),
        headers: headers
    });