Criei um "message center" no Angularjs que injeta mensagens na tela. A mensagem sempre aparece quando acontece um erro nas operações REST ou sucesso. Isso é feito por um interceptor que verifica se na resposta tem um header de mensagem, se estiver ele injeta no provider a mensagem e o tipo, e a diretiva imprime na tela.
O problema é que a mensagem aparece no Modal, o que está certo, e aparece também na página que chamou o modal na primeira vez que abro a página nas demais vezes não aparece.
Primeira vez que salvo um usuário:
Segunda vez, após fechar o modal e a mensagem que apareceu na tela de listagem:
Interceptor (que está configurado no $httpProvider):
angular.module('app').factory('notificationInterceptor', function ($q, AlertService) {
return {
responseError: function(response) {
addMessage(response);
return $q.reject(response);
},
response: function(response) {
addMessage(response);
return response;
}
};
function addMessage(response){
var alert = response.headers('X-applicationMessage');
if (angular.isString(alert)) {
var mensagens = response.data.mensagens ;
var timeout = 10000;
if(mensagens!= undefined){
mensagens.forEach(function(element, index, array) {
AlertService.add(element.messageType, element.body);
});
}
}
}
Provider
'use strict'
angular.module('app').provider('AlertService',
function() {
this.$get = [ function() {
var alerts = [];
var exports = {
add : add,
clear : clear,
get : get
}
function clear() {
alerts = [];
}
function get() {
return alerts;
}
function add(type, msg) {
var alert = {
type : type,
msg : msg,
};
alerts.push(alert);
return alert;
}
return exports;
} ];
});
Diretiva
'use strict';
angular
.module('app')
.directive(
'mcAlert',
function(AlertService) {
return {
restrict : 'E',
template: '<uib-alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</uib-alert>',
controller : [ '$scope', function($scope) {
$scope.alerts = AlertService.get();
$scope.$on('$destroy', function() {
AlertService.clear();
});
$scope.closeAlert = function(index) {
$scope.alerts.splice(index, 1);
}
}]
}
});