我在AngularJS的自定义服务中编写了这个小代码。
在我的服务中：
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;
};
在我的控制器中：
promiseService.myPromise()
.success(function(data){
$scope.success= data;
})
.error(function(data){
$scope.error = data;
});
我juste处理承诺的成功和错误($ q服务)。我需要在很多其他服务中使用此代码，因此我希望使用自定义直接扩展$ q服务。
所以在我的服务中我想要这样的东西：
var deferred = myPromiseService.$qCustom.defer();
var promise = deferred.promise;
deferred.resolve('success');
deferred.reject('error');
return promise;
任何想法？我找到了一些解释来扩展Angularjs中的过滤器我的问题是找到扩展$ q的所有功能并添加我的自定义的好方法。
我从类似的东西开始，处理$ q开箱即用：
angular.module('myApp').service('myPromiseService',function($q){
$qCustom = $q;
});
这是@jessegavin离职的完整解决方案。
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.headers);
});
return deferred.promise;
};
return deferred;
};
return $delegate;
});
});
