Как очистить область видимости в одном контроллере от другого контроллера в 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 ответа

Альтернативное решение - просто удалить свойства в оповещениях.

http://jsfiddle.net/j46Yh/4/

    clearAlerts: function() {
        for(var x in this.alerts) {
           delete this.alerts[x];
        }
    }

Павла Козловского было достаточно, чтобы предоставить мой ответ через список рассылки AngularJS. Мне просто нужно было изменить одну строку в моем AlertsCtrl...

function AlertsCtrl($scope, alertsManager) {
    $scope.alertsManager = alertsManager;
}

Проверьте новый рабочий jsFiddle

Другие вопросы по тегам