如何使用Angular $ resource传递查询参数数组

Question

我正在尝试启用一项功能，在该功能中，可以使用以下结构基于多个标签（标签的数组）来搜索用户：

GET '/tags/users?tag[]=test&tag[]=sample'

我已经在节点服务器上进行了此工作，并已使用Postman成功地对其进行了测试。 我遇到的问题是如何使用$resource在我的Angular服务中构造此GET请求。 我已经找到了$http文档，该文档指出将params:{'tag[]': tag}到请求对象将可以解决问题，但是找不到与$resource有关的任何内容。

Answer 1

在angular中，您可以使用$resource将数组作为查询字符串传递

在控制器中：

    angular.module('myApp').controller('userController',['$scope','userService', '$location',
        function($scope, userService, $location){
            $scope.searchQuery = {};

            $scope.SearchUsers = function() {
                $scope.roles = ['admin', 'register', 'authenticate'];
                $scope.searchQuery.name ='xxx';
                $scope.searchQuery['roles[]'] = $scope.roles;
                userService.searchUsers($scope.searchQuery)
                    .$promise.then(function (response) {
                        $scope.users = response.users;
                    });
            };
       }
   ]);

在使用中：

    angular.module('myApp').factory('userService', ['$resource',
  function($resource) {

    return {
        searchUsers: function(searchQuery){
            var searchRequest = $resource('/auth/search/user', {}, {
                'get': {method: 'GET'}
            });
            return searchRequest.get(searchQuery);
        }
    };
  }
]);

请求网址如下：

/auth/search/users?name=xxx&roles%5B%5D=admin&roles%5B%5D=register&roles%5B%5D=authenticate

您在请求网址中得到%5B%5D而不是[]

如果您期望返回array而不是object ，则应使用

'get': {method: 'GET', isArray: true}