Angular HttpParams 对象为空

Question

我正在使用 angular 版本 11.2.1，我正在尝试发出一个 http 请求，一个带有参数和 header 的 Get 请求，问题是，当我对它们进行 console.log 时，它们都是空的，两者都是他们，python 是后端抛出 500 错误。

这是service.ts中的函数

getOrigenes(): Observable<any>{ 
    
    const header = new HttpHeaders();
    header.set("Content-Type", "application/json");
    header.set("Authorization",  "Bearer md53b2b0eef781e8a6aaf7cf0565b780845");
    
    const params = new HttpParams();
    params.set('is_enum', '0');
    params.set('model', 'tc_interface_format');
    params.set('schema', 'acl_koncilia');

    const headersArrays = header.keys().map(x => ({ [x]: header.get(x) }));
    console.log(JSON.stringify(headersArrays));


    const paramsArray = params.keys().map(x => ({ [x]: params.get(x) }));
    console.log(JSON.stringify(paramsArray));
    
    return this.http.get('http://127.0.0.1:5000/read', {headers: header, params: params});

}

我不是 Angular 或 TypeScript 专家，所以任何帮助或建议将不胜感激。

Answer 1

HttpHeaders 是一个不可变结构，set 方法没有给参数添加key，它创建了一个参数的克隆，里面有一个新的key，所以你需要用结果覆盖参数set 方法:

 params = params.set('is_enum', '0');

详情 https://angular.io/api/common/http/HttpHeaders#set