Jak wyczyścić zakres w jednym kontrolerze z innego kontrolera w AngularJS?

Próbuję stworzyć prostą usługę przesyłania wiadomości (patrz jsFiddle) przy użyciu AngularJS i działa w większości. Jednak moja metoda „clearAlerts()” nie wydaje się mieć żadnego efektu. Jestem nowy w Angular, więc nie jestem pewien, co robię źle?

Oto jsFiddle http://jsfiddle.net/uberspeck/j46Yh/

...i kod

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??
        }
    };
});​