¿Cómo puedo extender $ q promesa en Angularjs con un.success y.error

override promise

Question

Escribí este pequeño código en un servicio personalizado en AngularJS.

En mi servicio:

 var deferred = $q.defer();
var promise = deferred.promise;
deferred.resolve(''success'');
deferred.reject(''error'');
/* Handle success and error */
promise.success = function(fn) {
promise.then(function(response) {
fn(response);
});
return promise;
};
promise.error = function(fn) {
promise.then(null, function(response) {
fn(response);
});
return promise;
};

En mi controlador:

 promiseService.myPromise()
.success(function(data){
$scope.success= data;
})
.error(function(data){
$scope.error = data;
});

Juste Manejar el éxito y el error de la promesa (servicio $ q). Necesito este código en muchos otros servicios, así que extendería directamente el servicio $ q con un servicio personalizado.

Así que me gustaría algo como esto en mi servicio:

 var deferred = myPromiseService.$qCustom.defer();
var promise = deferred.promise;
deferred.resolve(''success'');
deferred.reject(''error'');
return promise;

¿Alguna idea? Encontré una explicación para extender el filtro en Angularjs. Mi problema es encontrar la manera de extender toda la funcionalidad de $ q y agregar mi personalización.

Empiezo con algo así, es un trabajo manejar los $ q de la caja:

angular.module(''myApp'').service(''myPromiseService'', function($q){
$qCustom = $q;
});

Answer 1

Aquí hay una solución completa retomando donde @jessegavin lo dejó.

var myApp = angular.module("myApp", []);
myApp.config(function ($provide) {
$provide.decorator(''$q'', function ($delegate) {
var defer = $delegate.defer;
$delegate.defer = function () {
var deferred = defer();
deferred.promise.success = function (fn) {
deferred.promise.then(function(response) {
fn(response.data, response.status, response.headers);
});
return deferred.promise;
};
deferred.promise.error = function (fn) {
deferred.promise.then(null, function(response) {
fn(response.data, response.status, response.headers);
});
return deferred.promise;
};
return deferred;
};
return $delegate;
});
});

Answer 2

En mi humilde opinión, la decoración de @jessegavin de $ q no es perfecta, no debería devolver la promesa de origen en la función de éxito y error. Se perderá característica de aplanar la pirámide de devolución de llamada.

Y no puede dividir los datos de respuesta para la función de éxito y error $ httpPromise dosis.

por ejemplo

//can''t do this..
somePromise.success(function(){
return $http.get(...)//another primise
}).success(function(data){
//data from $http.get..
})

Aquí está mi versión, reconocerá la respuesta de http y devolverá la próxima promesa. Haga su propio $ q tiene el mismo comportamiento como $ httpPromise

$provide.decorator(''$q'', function($delegate) {
function httpResponseWrapper(fn) {
return function(res) {
if (res.hasOwnProperty(''data'') && res.hasOwnProperty(''status'') && res.hasOwnProperty(''headers'') && res.hasOwnProperty(''config'') && res.hasOwnProperty(''statusText'')) {
return fn(res.data, res.status, res.headers, res.config, res.statusText);
} else {
return fn(res);
}
};
};
function decorator(promise) {
promise.success = function(fn) {
return decorator(promise.then(httpResponseWrapper(fn)));
};
promise.error = function(fn) {
return decorator(promise.then(null, httpResponseWrapper(fn)));
};
return promise;
};
var defer = $delegate.defer;
$delegate.defer = function() {
var deferred = defer();
decorator(deferred.promise);
return deferred;
};
return $delegate;
});

Answer 3

Si desea cambiar el comportamiento predeterminado de algo que es inyectado por angular, puede usar el método decorator() en el servicio $provide .

var myApp = angular.module("myApp", []);
myApp.config(function ($provide) {
$provide.decorator("$q", function($delegate) {
// The $delegate argument here refers to the $q service.
$delegate.defer = function() {
alert("You just tried to call defer()!");
};
// Now, every time angular provides an instance of $q via
// injection, it will return your customized version of $q.
return $delegate;
});
});

Vea el ejemplo anterior en acción en http://plnkr.co/edit/RuZF2cGkVHwlu7NIhxEZ?p=preview

En cuanto a modificar $q para agregar las funciones de éxito y error, no estoy seguro en este momento. Pero estoy bastante seguro de que aquí es donde querrías hacerlo.