AngularJS Essentials

Dependency Injection and Services
}
});
}
var timestamp = Date.now();
config.url = config.url + "?x=" + timestamp;
return config;
Something might happen with the request, causing an error. With the requestError
interceptor, we can handle this situation. It is called when the request is rejected and
can't be sent to the backend.
The response interceptor is called right after the response arrives from the backend
and receives a response as a parameter. It's a good opportunity to apply any
preprocessing behavior that may be required.
One of the most common intercepting situations is when the backend produces
any kind of error, returning a status code to indicate unauthorized access, a bad
request, a not found error, or even an internal server error. It could be handled by the
responseError interceptor, which allows us to properly apply the correct behavior
in each situation.
This httpUnauthorizedInterceptor parameter, in the following code, is
responsible for handling the unauthorized error and changing the login property of
$rootScope, indicating that the application should open the login dialog:
parking.factory('httpUnauthorizedInterceptor', function($q,
$rootScope){
return{
'responseError' : function(rejection) {
if (rejection.status === 401){
$rootScope.login = true;
}
return $q.reject(rejection);
}
}
});
After defining the interceptors, we need to add them to $httpProvider using the
config function of the Module API, as follows:
config.js
app.config(function ($httpProvider) {
$httpProvider.interceptors.push('httpTimestampInterceptor');
$httpProvider.interceptors.push('httpUnauthorizedInterceptor');
});
[ 86 ]
www.it-ebooks.info