eine Verheißung in angularJS mit named Erfolg/Fehler Callbacks zu deklarieren

Question

Ich versuche, etwas sehr ähnlich zu dem $ http-Dienst zu tun. Von meinem Verständnis $ http gibt ein Versprechen-Objekt zurück.

Wenn es die Syntax ist:

$http(...).success(function(data)) { 
    //success callback 
}).error(function(data)) { 
    //error callback 
}) 

ich nur das Gleiche tun möchten, aber betrachten meine API GetUserProfile ist, so möchte ich die Syntax haben:

GetUserProfile(...).success(function(data) { 
    // success callback 
}).error(function(data)) { 
    // error callback 
}) 

wie kann Ich erreiche das mit einem Versprechen?

Answer 1

Die nette Sache mit Open-Source ist, dass Sie die Quelle lesen kann. Hier ist, wie der $ http-Dienst es macht:

Answer 2

Sie müssen die $ q Service nutzen und erstellen und senden Sie Ihre eigenen Versprechen in GetUserProfile:

function GetUserProfile() { 
    var deferred = $q.defer(); 
    var promise = deferred.promise; 

    // success condition 
    if (!true) { 
     deferred.resolve('data'); 
    // error condition 
    } else { 
     deferred.reject('error'); 
    } 

    promise.success = function(fn) { 
     promise.then(fn); 
     return promise; 
    } 

    promise.error = function(fn) { 
     promise.then(null, fn); 
     return promise; 
    } 

    return promise; 
} 

GetUserProfile() 
    .success(function(data) { 
     console.log(data); 
    }) 
    .error(function(error) { 
     console.error(error); 
    }); 

Answer 3

Sie brauchen nicht ändern Quellcode. Angular bieten eine Möglichkeit, jeden Service in eckigen ändern $ q.

$ provide.decorer ist perfekt für Ihre Anforderung Hier ist mein Code.

legte es auf app.module ('...') Config

$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; 
});