如何在 Angular 5 中为 HttpParams 设置多个参数答案

【问题标题】：How can I set multiple parameters to HttpParams in Angular 5如何在 Angular 5 中为 HttpParams 设置多个参数
【发布时间】：2020-07-31 22:14:03
【问题描述】：

我正在尝试使用以下方法向 Angular 5 中的 HttpParams 发送多个参数：

            paramsObject: any
            params = new HttpParams();
            for (let key in paramsObject) {
                params.set(key, paramsObject[key]);
            }

这在 Angular 4 中有效，但在 Angular 5 中，由于 HttpParams 是不可变对象，因此未将参数设置为 HttpParams 并且正在传递空参数。你能告诉我如何为 HttpParams 设置多个参数吗？我正在使用 Angular 5 和 TypeScript。

【问题讨论】：

见this answer。
见this 答案。循环并不是真正需要的。
Angular 4.3 - HttpClient set params的可能重复
把你的参数放在构造函数angular.io/api/common/http/HttpParams#constructor的参数中或者修改params = params.set(key, para...)，这个类是不可变的——所有的变异操作都会返回一个新的实例。
@KelvinLai：解决方案奏效了，非常感谢。

标签： angular typescript angular5

【解决方案1】：

您需要重新分配参数：

paramsObject: any;
let params = new HttpParams();

for (let key in paramsObject) {
    params = params.set(key, paramsObject[key]);
}

return params;

【讨论】：