नामांकित सफलता/त्रुटि कॉलबैक

Question

के साथ कोणीय जेएस में एक वादा घोषित करना मैं $ http सेवा के समान कुछ करने की कोशिश कर रहा हूं। मेरी समझ से $ http एक वादा वस्तु वापस।

जब यह सिंटैक्स का उपयोग है:

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

मैं सिर्फ एक ही है लेकिन विचार करना मेरी एपीआई GetUserProfile है चाहते हैं, तो मैं वाक्य रचना करना चाहते हैं:

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

कैसे कर सकते हैं मैं एक वादा का उपयोग कर पूरा करता हूँ?

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 1

खुला स्रोत के साथ अच्छी बात यह है कि आप स्रोत पढ़ सकते हैं:

Answer 2

आप $ q सेवा का उपयोग करें और बना सकते हैं और GetUserProfile में अपने स्वयं के वादा लौटना ही होगा। यहाँ कैसे $ http सेवा यह करता है:

promise.success = function(fn) { 
    promise.then(function(response) { 
     fn(response.data, response.status, response.headers, config); 
    }); 
    return promise; 
    }; 

    promise.error = function(fn) { 
    promise.then(null, function(response) { 
     fn(response.data, response.status, response.headers, config); 
    }); 
    return promise; 
    }; 

Answer 3

आप परिवर्तन स्रोत कोड की जरूरत नहीं है। कोणीय कोणीय में किसी भी सेवा को बदलने का एक तरीका प्रदान करता है जिसमें $ q शामिल है।

$ offer.decorator आपकी आवश्यकता के लिए बिल्कुल सही है यहां मेरा कोड है।

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