如何将拦截器添加到$资源调用？
假设我有一个名为Users的资源工厂,就像这样;
app.factory('Users',['$resource','resourceInterceptor',function ($resource,resourceInterceptor) {
return $resource(
'users/:user_id',{
user_id: '@id'
},{
query: {
method: 'GET',// Not changing the default method,just adding an interceptor
interceptor: resourceInterceptor // Is there any better way to do this.. like globally?
},save: {
method: 'POST',// Same here
interceptor: resourceInterceptor // Again...
},...,// And so on
}
);
}]);
我的resourceInterceptor服务看起来像
app.factory('resourceInterceptor',['$rootScope',function ($rootScope) {
return {
request: function () {
// This function isn't executed at all?
$rootScope.loading = true;
},response: function () {
$rootScope.loading = false;
},responseError: function () {
$rootScope.loading = false;
}
};
}]);
其次,必须将拦截器硬编码到现有的$资源方法是非常乏味的,有没有办法更容易地将拦截器分配给特定的$资源调用,甚至可以为所有$资源调用分配一个拦截器？
要在资源中使用拦截器,您应该：
1 – 制作一个httpInterceptor与你的请求,响应,responseError：
app.factory('myInterceptor',function () {
//Code
//return { request:...,});
2 – 在您的应用程序中配置此拦截器：
app.config(['$httpProvider',function ($httpProvider) {
$httpProvider.interceptors.push('myInterceptor');
}]);
现在,你配置你的httpProvider有一个拦截器,无论你注入$http,你将使用这个提供者,所以你会排除你的请求,响应和响应错误功能.
3 – 在资源中使用它.
由于$资源使用$http,并且您配置了一个httpProvider globaly,您将在使用资源时调用拦截器的func.
第二个问题：
您不能将拦截器设置为具体的$http对象,它们(拦截器)全局设置.
(即使您在模块定义之前设置拦截器,然后将其删除,则无法知道执行顺序)
如果您不想覆盖每个$资源操作中的拦截器属性(如您在问题中写的),您可以执行什么操作,可以改进拦截器.
app.factory('userLoadingInterceptor',function () {
//Code
return {
request: function(){
//Check if your are working with a url related with users
// and if so do things...
}
});
