页面刷新后数据会消失，

Question

现在我正在使用服务将数据从视图传递到其他视图（也不同的控制器），在视图 A 中，我有控制器 CtrA，因为我用来传递数据的服务是：

.factory(
                'editreportservices',
                [
                        '$q',
                        'sessionId',
                        function($q, sessionId) {
                                var sharedata = {};
                                var org={};
                                function passed(data){
                                    sharedata = data;
                                };
                                function getsharedata(){
                                    return sharedata;
                                };
                                function passedorg(data) {
                                    org=data;
                                }
                                function getorg() {
                                    return org;
                                }
                                return{
                                    passed:passed,
                                    getsharedata:getsharedata,
                                    passedorg:passedorg,
                                    getorg:getorg
                                }               
                        }]);

在 CtrA 中，如果我点击一个按钮，我将为 editreportservices.passed(report) 设置值，例如：

$scope.goeditpage = function(report){if(report){
                            editreportservices.passed(report);
                            }
                            else{
                            report={}
                            editreportservices.passed(report);
                            };
                       $state.go('editreport');
}

它也将更改为视图 B，在视图 B 中，我可以使用 $scope.lin = editreportservices.getsharedata() 访问数据，它按预期工作。 但是有一个问题，我不确定这是否是一个错误，如果用户刷新页面，从 viewA 传递的数据会消失。这可能是一个糟糕的用户体验，无论如何我可以在从 VIewA 传递数据后将数据保留在 viewB 中吗？

Answer 1

如果用户刷新页面，脚本将在浏览器中重新加载。所以你保存的任何东西都会丢失。

如果要持久化，则必须将数据存储在 localStorage 或 cookie 中。

为您服务，

var sharedata = localStorage.getItem("shareData")?  JSON.parse(localStorage.getItem("shareData")) || {};
var org={};
function passed(data){
      sharedata = data;
      localStorage.setItem("shareData", JSON.stringify(sharedata));
};
function getsharedata(){
     return sharedata;
};