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 заявка прихващач за автоматично прилагане на това към всички заявки).

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 и както е описано, ще направи следното (както видяхте):

Ако свойството data на конфигурационния обект на заявката съдържа обект, сериализирайте го във формат 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", вместо да изискват 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