如何以类似于 Angular 中的 HttpHeaders 的紧凑方式设置 HttpParams [重复]

Question

我对 Angular 比较陌生，现在正在从“旧”Http API 升级到新的 HttpClient API。

因此，我必须使用新的 HttpHeaders 和 HttpParams，到目前为止效果很好。但是我能找到的声明示例对我来说似乎有点奇怪，因为它基本上可以归结为这一点。

let searchParams = new HttpParams();
searchParams = searchParams.append('query', query);
searchParams = searchParams.append('sort', sort);
searchParams = searchParams.append('order', order);

const headers = new HttpHeaders({
  'Content-Type': 'application/json',
  'Authorization': 'Bearer ' + user['sessionToken']
});

有没有办法以类似于HttpHeaders的方式声明HttpParams？我使用的方法是我在网上能找到的唯一方法，经过大量尝试和错误之后似乎是唯一可行的方法。

我不是在问如何设置 HttpParams，我想知道为什么 HttpParams 和 HttpHeaders 不能以相同的方式设置（在我的示例中设置 HttpHeaders 的方式，在一行中声明）。

Answer 1

在Angular@5 中，你可以像这样设置参数，就像这样：

let searchParams = new HttpParams({
    fromObject: {
        query: query,
        sort: sort,
        order: order
    }
});

const modified = req.clone({params: searchParams});

或者您可以直接在请求上使用setParams 方法：

const modified = req.clone({setParams: {'query': query, 'sort': sort, 'order': order}});

如果您对为什么 HttpParams 和 HttpHeaders 是不可变的感到好奇，请查看此答案 Why do most classes of the HttpClient API define immutable objects?