Угловая: область восстановления из sessionStorage

Question

Я пытаюсь получить данные поиска и фильтрации данных из sessionStorage, когда страница обновляется.

sessionStorage.restorestate возвращает undefined, знает ли кто-нибудь почему?

app.run(function($rootScope) { 
    $rootScope.$on("$routeChangeStart", function(event, next, current) { 
     if (sessionStorage.restorestate == "true") { 
     $rootScope.$broadcast('restorestate'); //let everything know we need to restore state 
     sessionStorage.restorestate = false; 
     } 
    }); 

    //let everthing know that we need to save state now. 
    window.onbeforeunload = function(event) { 
     $rootScope.$broadcast('savestate'); 
    }; 
    }); 

Plunkr: http://plnkr.co/edit/oX4zygwB0bDpIcmGFgYr?p=preview

Answer 1

При обновлении страницы в угловом приложение, это как полностью перезагрузки приложения. Поэтому для восстановления из хранилища сеансов просто сделайте это, когда фабрика услуг будет выполнена.

app.factory('CustomerSearchService', ['$rootScope', 
    function($rootScope) { 
     ... 
     function restoreState() { 
      service.state = angular.fromJson(sessionStorage.CustomerSearchService); 
     } 
     if (sessionStorage.CustomerSearchService) restoreState(); 
     ... 
    } 
]); 

Сохраняющаяся часть была уже верной.

app.factory('CustomerSearchService', ['$rootScope', 
    function($rootScope) { 
     ... 
     function saveState() { 
      sessionStorage.CustomerSearchService = angular.toJson(service.state); 
     } 
     $rootScope.$on("savestate", saveState); 
     ... 
    } 
]); 

app.run(function($rootScope) { 
    window.onbeforeunload = function(event) { 
     $rootScope.$broadcast('savestate'); 
    }; 
}); 

DEMO