angularjs – Angular:从sessionStorage恢复范围
发布时间:2020-12-17 07:32:34 所属栏目:安全 来源:网络整理
导读:我试图在页面刷新时从sessionStorage检索我的搜索和过滤数据. sessionStorage.restorestate返回undefined,有谁知道为什么? app.run(function($rootScope) { $rootScope.$on("$routeChangeStart",function(event,next,current) { if (sessionStorage.restore
我试图在页面刷新时从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'); }; }); 普兰克:http://plnkr.co/edit/oX4zygwB0bDpIcmGFgYr?p=preview
在Angular应用程序中刷新页面时,就像完全重新启动应用程序一样.因此,要从会话存储中恢复,只需在服务工厂执行时执行此操作.
app.factory('CustomerSearchService',['$rootScope',function($rootScope) { ... function restoreState() { service.state = angular.fromJson(sessionStorage.CustomerSearchService); } if (sessionStorage.CustomerSearchService) restoreState(); ... } ]); 保存部分已经正确了. app.factory('CustomerSearchService',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 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |