javascript - 从参数对象构建查询字符串

Question

如何在 Angularjs 中构建带有查询参数的 url。

我看到 API $location.search()

问题是 $location(url) 是重定向到 url。在我的例子中，我想为查询参数传递一个 url 和 key:value 对并构建 url。像

网址:/a/b/c参数:{field1: value1, field2: value2}

结果:/a/b/c?field1=value1&field2=value2

我喜欢用这个 url 作为链接。我还看到了 Angular 编码 ? ， & 字符。我可以避免这种情况吗？

编辑:

我的意图是使用 url 作为 anchor 元素的 href。我确实使用 $http 发送请求，但有时我需要提供一个带有查询参数的链接(基于当前对象)

谢谢

Answer 1

从 1.4+ 开始有一个很好的解决方案。您可以使用 $httpParamSerializer 从参数对象构建查询字符串:

var qs = $httpParamSerializer(params);

See docs here

Default $http params serializer that converts objects to strings according to the following rules:

{'foo': 'bar'} results in foo=bar
{'foo': Date.now()} results in foo=2015-04-01T09%3A50%3A49.262Z (toISOString() and encoded representation of a Date object)
{'foo': ['bar', 'baz']} results in foo=bar&foo=baz (repeated key for each array element)
{'foo': {'bar':'baz'}} results in foo=%7B%22bar%22%3A%22baz%22%7D" (stringified and encoded representation of an object)
Note that serializer will sort the request parameters alphabetically.