Angular 6转换组表单以获取请求查询参数

Question

我有一个问题，我希望通过使用get获取Web API的一些信息，并且作为参数，我想要表单中的信息（作为过滤器形式）。

所以请求很简单：

GetFilteredEvents?filter={"AxmCards":[9,7]}

但是我在传递表单组值时遇到问题url看起来像

{{1}}

当然，对象可以有更多属性。

嗯，它看起来不太好，我可以手动参数，但它的工作和保养很多，那么是否有一种简单的方法来解析这样的对象以获取查询参数？

Answer 1

使用网址搜索参数：

import {URLSearchParams} from '@angular/http';

...

let params = new URLSearchParams();
for(let key in this.filterFormGroup.value){
    params.set(key, this.filterFormGroup.value[key]);
}
this.http
  .get(environment.apiUrl + 'events/GetFilteredAxmCardsId', { params })