AngularJS:通过带有数组类型参数(复选框、多选等)的 $resource 发送请求

Question

当我的 GET 参数中有一组复选框 (client_status) 时，我在尝试使用 AngularJS 中的 $resource 库发送正确序列化的 GET 请求时遇到问题。

这是我现在在 Controller 中的代码:

$scope.filters = {
    client_status: ["CLIENT_STATUS_FORMER", "CLIENT_STATUS_ACTIVE"],
    client_reference: "e"
}

$scope.records = Client.get($scope.filters, function(data){
    ...
}

以上将发送以下 GET 请求:

f.json?client_reference=e&client_status=CLIENT_STATUS_FORMER,CLIENT_STATUS_ACTIVE

但是，据我了解，以上似乎不是正确的格式。有人可以在这里指导我吗？以下是我的期望:

f.json?client_reference=e&client_status%5B%5D=CLIENT_STATUS_ACTIVE&client_status%5B%5D=CLIENT_STATUS_FORMER

非常感谢您的帮助。

托马斯

Answer 1

您可以使用 $resource 通过将 client_status 更改为 'client_status[]' 来完成此操作，如下所示:

$scope.filters = {
  'client_status[]': ["CLIENT_STATUS_FORMER", "CLIENT_STATUS_ACTIVE"],
  client_reference: "e"
}

我为此创建了一个plunker: http://plnkr.co/edit/QXIaY8XlMUfOy7RNMKKv?p=info

我在那里放了一个虚拟 URL，所以如果你在运行 plunker 时使用 Firebug 或 Chrome 开发工具，你会看到对 http://example.com/api 的请求。显示将 [] 正确添加到 GET 请求中。

在这个问题的回答中提到了一个类似的解决方案:
https://stackoverflow.com/a/18322252/1866964