Angular $http прикрепить данные как объект

Это происходит потому, что Angular сериализует параметры запроса не так, как JQuery.

Angular 1.4 решит эту проблему, добавив свойство paramSerializer в $http config. объект (и на $httpProvider.defaults ). Это можно использовать для произвольной сериализации параметров запросов (для всех или для конкретного запроса).

Обратите внимание, что эта функция доступна только с v1.4.0-rc.0.

Помимо сериализатора по умолчанию (который преобразует объекты в строки JSON), есть дополнительный встроенный сериализатор, который эмулирует param() JQuery: https://code.angularjs.org/1.4.0-rc.0/docs/api/ng/service/$httpParamSerializerJQLike.

Вы можете использовать его следующим образом:

$http.get(<API_URL>, {
  params: {...},
  paramSerializer: '$httpParamSerializerJQLike'
});

См. также эту короткую демонстрацию.

Если вы используете более старую версию Angular, вы можете сделать одно из следующих действий:

1. Создайте весь URL-адрес (включая строку запроса) самостоятельно (возможно, используя $http запрос interceptor для автоматического применения ко всем запросам).

2. Сохраняйте параметры в плоском формате, чтобы Angular сериализовал их так, как ожидалось:

   var REQ_PARAMS = {
     client_id: 'a81f01ef5d0036415431e8be76c8db0e',
     'duration[from]': 200000,
     'duration[to]': 205000
   };
   

Если вы посмотрите на https://docs.angularjs.org/api/ng/service/$http#!, по запросу он применяет преобразование по умолчанию, которое равно $http.defaults.transformRequest и, как описано, будет делать следующее (как вы видели):

Если свойство данных объекта конфигурации запроса содержит объект, сериализуйте его в формат JSON.

Что вам нужно сделать, так это переопределить эту функцию, указав свой собственный объект transformRequest.

function appendTransform(defaults, transform) {

  // We can't guarantee that the default transformation is an array
  defaults = angular.isArray(defaults) ? defaults : [defaults];

  // Append the new transformation to the defaults
  return defaults.concat(transform);
}

  $http({
      url: '...',
      method: 'GET',
      transformResponse: appendTransform($http.defaults.transformResponse, function(value) {
        return doTransform(value);
      })
  });

Вам нужно найти способ получить тот же синтаксис, что и jQuery, а именно:

https://api.soundcloud.com/tracks.json?client_id=a81f01ef5d0036415431e8be76c8db0e&duration[from]=200000&duration[to]=205000

Используйте условие - это объект и сгенерируйте вручную свою строку. Не должно быть сложно.

это странный API - я не знаю, почему они не делают что-то вроде "duration_from", а не требуют продолжительности [от] - как было предложено, вы, безусловно, можете преобразовать запрос, но если это всего лишь один раз, вы также можете попробовать просто жестко закодируйте его, используя экранированные значения URL для [ и ]:

 var dataToSend = {
     client_id: 'a81f01ef5d0036415431e8be76c8db0e',
     'duration%5Bfrom%5D': 200000,
     'duration%5Bto%5D': 205000
 }; 

$http.get('http://api.soundcloud.com/tracks.json', {params:dataToSend});

Свойство params — это способ преобразования запроса в спокойный способ. Просто преобразуйте данные в объект dataToSend, и все заработает.

Это URL, который должен быть создан:

https://api.soundcloud.com/tracks.json?client_id=a81f01ef5d0036415431e8be76c8db0e&duration%5Bfrom%5D=200000&duration%5Bto%5D=205000