如何在角度js中重新初始化服务或工厂

Question

I want to re-initialize the service after logout

var app = angular.module('plunker', []);

app.controller('ControllerA', ['$scope','serviceA',function($scope, serviceA)     {

    $scope.initializeA = function(){          
        serviceA.initialize("Chris");
    };  
}]);

and service is

app.service('serviceA',function(){
 var service={};
 service.initialize=function(){}
});

I have many services like above. I want to clear all data inside these services when I logout.

Please tell me the best way to do it.

Answer 1

I can think of few ways to do this but let's go with one:

You can subscribe to the $destroy event that occurs when a controller is about to be, well, destroyed. When this happen you can call the service you have injected to your controller and initialize it. This will ensure all services that were used are now cleared (assuming that your logout is another state in your app, using ui-router for example in which all the components that are not in the current state are destroyed).

Answer 2

There are many ways that you can achieve what you want.

Since you are saying that is on logout that you want to clear the data inside of the service and you are not saying nothing about redirect's or destruction of the controllers. I wil sugest a simple implementation of $scope.$emit and $rootScope.$on .

So on your authentication Controller on logout your should do something like this:

.controller('authenticationCtrl',[...
    //request for logout
    ...
        //On logout Success
        $scope.$emit('logout');
}]);

And in your Service you will receive it like this:

...
.service('serviceA', ['$rootScope',function($rootScope){
    $rootScope.$on('logout', function () {
        //TODO: clear all the data you want
    });
}

Another option, is if the module are being constructed again (reload/redirect) you can use the run functionality to set back the initial data:

angular.module('plunker')
.run(
    function (serviceA) {

        // serviceA.initialize()
    });