Angular 如何使用同一个键为queryParams分配多个值？

我有一个目标：

  let obj = {'r' : this.queries.r}

this.querys.r是一个数组<代码>[“ca”、“ba”、“es”]。

我想要的是将此obj分配给queryParams，以便在url中获得：

example.com?r=ca&r=ba&r=es.

---

有什么建议我该怎么做？我尝试使用httpParams，但不起作用。

您可以手动设置查询参数

let obj = {'r' : ['ca','ba','es']}
const r = obj.r[0];
const r2 = obj.r[1];
const r3 = obj.r[2];

const url = window.location.href + '?r=' + r + '&r=' + r2 + '&r=' + r3;
window.history.pushState({}, "", url);

---

您可以手动设置查询参数

let obj = {'r' : ['ca','ba','es']}
const r = obj.r[0];
const r2 = obj.r[1];
const r3 = obj.r[2];

const url = window.location.href + '?r=' + r + '&r=' + r2 + '&r=' + r3;
window.history.pushState({}, "", url);

---

您可以更改此

window.location.href+'？r='+r+'&r='+r2+'&r='+r3

到window.location.href+

？r=${r}&r=${r2}&r={r3}

您可以更改此

window.location.href+'？r='+r+'&r='+r2+'&r='+r3

到window.location.href+

？r=${r}&r=${r2}&r={r3}