Angular：从sessionStorage恢复范围

一尘不染

Angular：从sessionStorage恢复范围

angularjs

页面刷新时，我试图从sessionStorage检索搜索和过滤数据。

sessionStorage.restorestate返回未定义，有人知道为什么吗？

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

阅读 257

2020-07-04

共1个答案

一尘不染

当您在Angular应用程序中刷新页面时，就像完全重新启动应用程序一样。因此，要从会话存储中还原，只需在服务工厂执行时执行即可。

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');
    };
});

演示

2020-07-04