Interceptor nie działa
Próbuję stworzyć Interceptor w AngularJS. Jestem całkiem nowy w AngularJS i znalazłem kilka przykładów Interceptora, ale nie mogę go uruchomić.
Tutaj mam swój plik app.js, który ma cały odpowiedni kod. Mam także kontroler, który wywołuje API REST i zwraca JSONP.
Najpierw deklaruję moduł, a następnie konfiguruję go (zdefiniuj Interceptor). Powinien teraz przechwytywać wszystkie żądania i dane wyjściowe do konsoli ...
Czy to źle, aby utworzyć Interceptor z app.factory?
var app = angular.module(
'TVPremieresApp',
[
'app.services'
, 'app.controllers'
]
);
app.config(function ($httpProvider) {
$httpProvider.responseInterceptors.push('errorInterceptor');
});
app.service('MessageService', function () {
// angular strap alert directive supports multiple alerts.
// Usually this is a distraction to user.
//Let us limit the messages to one
this.messages = [];
this.setError = function(msg) {
this.setMessage(msg, 'error', 'Error:');
};
this.setSuccess = function(msg) {
this.setMessage(msg, 'success', 'Success:');
};
this.setInfo = function (msg) {
this.setMessage(msg, 'info', 'Info:');
};
this.setMessage = function(content, type, title) {
var message = {
type: type,
title: title,
content: content
};
this.messages[0] = message;
};
this.clear = function() {
this.messages = [];
};
});
app.factory('errorInterceptor', function ($q, $location, MessageService, $rootScope) {
return function (promise) {
// clear previously set message
MessageService.clear();
return promise.then(function (response) {
console.log(response);
return response;
},
function (response) {
if (response.status == 404) {
MessageService.setError('Page not found');
}
else if(response.status >= 500){
var msg = "Unknown Error.";
if (response.data.message != undefined) {
msg = response.data.message + " ";
}
MessageService.setError(msg);
}
// and more
return $q.reject(response);
});
};
});