Compatibility with Angular's $http/$q services

[lsd]

I'm wondering if anyone has attempted to get angular's native $http service to work as the request lib Hyperagent uses?

It seems straightforward to decorate $http accordingly but I haven't tried it myself yet because I'm in a project where we've accepted jQuery.ajax long ago.

The important issue here is making Angular aware of requests HA is making so as to work seamlessly with Angular's internals (interceptors and so forth)

[giosh94mhz]

I didn't tried, but 👍 . Using $scope.apply every time become a tedious work, and obfuscate the code logic.

[passy]

There's definitely room for a simple wrapper, but that's out of scope for this library. Happy to link to an Angular plugin/wrapper/extension from here if someone wants to take that on.

[sdbondi]

If you are interested, here is my wrapper function for $http.

 angular.module('my.app', []).run ($http) ->
 HyperAgent.configure 'ajax', (options) ->
 # Ensure success/error callbacks are called as HyperAgent relies
 # on these to resolve its promise 
 $http(options)
 .then (resp) -> options.success(resp.data)
 .catch(options.error)

$q is easier;

 HyperAgent.configure('defer', $q.defer)

[jfexyz]

In order to get angular to play nice with Hyperagent, you need to make sure angular doesn't parse the result. angular doesn't respect the dataType setting, so I needed to do this:

angular.module('app', []).run(['$http', '$q', function ($http, $q) {

 Hyperagent.configure('defer', $q.defer);

 Hyperagent.configure('ajax', function (options) {
 options.transformResponse = function (data) {
 return data;
 };
 return $http(options)
 .success(options.success)
 .catch(options.error);
 });

}]);