Как очистить область видимости в одном контроллере от другого контроллера в AngularJS?
Я пытаюсь создать простой сервис обмена сообщениями (см. JsFiddle), используя AngularJS, и он работает по большей части. Однако мой метод clearAlerts(), похоже, не имеет никакого эффекта. Я новичок в Angular, так что я не уверен, что я делаю не так?
Вот jsFiddle http://jsfiddle.net/uberspeck/j46Yh/
... и код
var App = angular.module('App', []);
function AlertsCtrl($scope, alertsManager) {
$scope.alerts = alertsManager.alerts;
}
function FooCtrl($scope, alertsManager) {
$scope.doGood = function() {
alertsManager.addAlert('Yay!', 'alert-success');
};
$scope.doEvil = function() {
alertsManager.addAlert('Noooo!', 'alert-error');
};
$scope.reset = function() {
alertsManager.clearAlerts();
};
}
App.factory('alertsManager', function() {
return {
alerts: {},
addAlert: function(message, type) {
this.alerts[type] = this.alerts[type] || [];
this.alerts[type].push(message);
},
clearAlerts: function() {
this.alerts = {}; // <= not working??
}
};
});
2 ответа
Альтернативное решение - просто удалить свойства в оповещениях.
clearAlerts: function() {
for(var x in this.alerts) {
delete this.alerts[x];
}
}
Павла Козловского было достаточно, чтобы предоставить мой ответ через список рассылки AngularJS. Мне просто нужно было изменить одну строку в моем AlertsCtrl...
function AlertsCtrl($scope, alertsManager) {
$scope.alertsManager = alertsManager;
}
Проверьте новый рабочий jsFiddle